:root{--primary:#0f172a;--secondary:#1e293b;--accent:#f59e0b;--text:#f8fafc;--text-dim:#94a3b8;--glass:#ffffff08;--glass-border:#ffffff1a;--glass-heavy:#0f172acc;--success:#10b981;--error:#ef4444;--gradient-gold:linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:radial-gradient(circle at 100% 0,#1e1b4b,#0f172a);min-height:100vh;font-family:Outfit,Inter,sans-serif;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;font-weight:700}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--glass-heavy);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);flex-direction:column;height:100vh;padding:2rem 1.5rem;display:flex;position:fixed}.logo{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;margin-bottom:3rem;font-size:1.5rem;font-weight:800;display:flex}.nav-links{flex-direction:column;gap:.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-dim);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-links a:hover,.nav-links a.active{background:var(--glass);color:var(--text);box-shadow:0 4px 12px #0000001a}.nav-links a.active{border-left:3px solid var(--accent)}.main-content{margin-left:var(--sidebar-width);flex:1;padding:2rem 3rem}.header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.user-info{background:var(--glass);border:1px solid var(--glass-border);border-radius:50px;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.card{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:24px;padding:1.5rem;transition:transform .3s}.card:hover{border-color:#f59e0b4d;transform:translateY(-5px)}.table-container{background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;margin-top:2rem;overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-dim);text-transform:uppercase;background:#ffffff0d;padding:1rem 1.5rem;font-size:.85rem}td{border-top:1px solid var(--glass-border);padding:1.25rem 1.5rem}tr:hover td{background:#ffffff05}.toggle-switch{width:50px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--secondary);border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background:var(--gradient-gold)}input:checked+.slider:before{transform:translate(26px)}.badge{border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-success{color:var(--success);background:#10b98126}.badge-warning{color:#fbbf24;background:#f59e0b26}.badge-error{color:var(--error);background:#ef444426}.btn-small{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);cursor:pointer;border-radius:10px;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;transition:all .3s}.btn-small:hover:not(:disabled){border-color:var(--accent);background:#ffffff14}.btn-small:disabled{opacity:.3;cursor:not-allowed;filter:grayscale()}.pagination{background:#0000001a;border-bottom-right-radius:20px;border-bottom-left-radius:20px;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}