@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-primary:#050507;--bg-secondary:#0a0a0c;--bg-tertiary:#101014;--bg-card:rgba(16,16,20,0.6);--bg-card-hover:rgba(22,22,28,0.8);--border:rgba(255,255,255,0.06);--border-light:rgba(255,255,255,0.12);--border-glow:rgba(255,255,255,0.2);--text-primary:#f0f0f5;--text-secondary:#a0a0b0;--text-muted:#6a6a7c;--accent:#7b61ff;--accent-light:#9d8aff;--accent-glow:rgba(123,97,255,0.15);--accent-strong-glow:rgba(123,97,255,0.4);--success:#10b981;--success-bg:rgba(16,185,129,0.1);--success-glow:rgba(16,185,129,0.2);--warning:#f59e0b;--warning-bg:rgba(245,158,11,0.1);--danger:#ef4444;--danger-bg:rgba(239,68,68,0.1);--info:#3b82f6;--info-bg:rgba(59,130,246,0.1);--gradient-1:linear-gradient(135deg,rgba(123,97,255,0.8),rgba(157,138,255,0.8));--gradient-subtle:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0));--shadow-sm:0 4px 12px rgba(0,0,0,0.2);--shadow-md:0 8px 24px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.05);--shadow-lg:0 16px 40px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.05);--shadow-glow:0 0 20px var(--accent-glow);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout{display:flex;z-index:1;background-image:radial-gradient(circle at 15% 50%,rgba(123,97,255,.03) 0,transparent 50%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.02) 0,transparent 50%)}.layout,.main-content{min-height:100vh;position:relative}.main-content{flex:1 1;margin-left:280px;padding:40px 48px}.main-content:before{content:"";position:absolute;top:-20vh;right:-10vw;width:50vw;height:50vh;background:radial-gradient(circle,var(--accent-glow) 0,transparent 70%);filter:blur(100px);z-index:-1;pointer-events:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-strong-glow);color:#fff}a{color:var(--accent-light);text-decoration:none;transition:color .2s ease}a:hover{color:var(--text-primary)}button{font-family:Inter,sans-serif;cursor:pointer;border:none;background:none;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.97)}code{background:var(--bg-tertiary);padding:.2em .4em;border-radius:4px;color:var(--text-secondary)}.mono,code{font-family:JetBrains Mono,monospace;font-size:.9em}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 var(--accent-glow)}50%{box-shadow:0 0 30px var(--accent-glow)}}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-subtle);pointer-events:none}.heading-premium{font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.text-gradient{background:linear-gradient(90deg,#fff,#a0a0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width:768px){.layout{flex-direction:column}.main-content{margin-left:0;padding:24px 20px}}.sidebar{width:280px;min-width:280px;background:rgba(10,10,12,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0;position:fixed;top:0;left:0;height:100vh;z-index:100;box-shadow:4px 0 24px rgba(0,0,0,.2)}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:var(--gradient-subtle)}.sidebar-brand{gap:16px;padding:32px 24px 24px;border-bottom:1px solid var(--border-light)}.brand-icon,.sidebar-brand{display:flex;align-items:center;position:relative}.brand-icon{width:44px;height:44px;background:var(--gradient-1);border-radius:12px;justify-content:center;color:white;flex-shrink:0;box-shadow:0 4px 12px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.3)}.brand-icon:after{content:"";position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.brand-text{display:flex;flex-direction:column}.brand-name{font-family:Inter,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.03em;background:linear-gradient(180deg,#ffffff,#a0a0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-sub{font-size:11px;font-weight:600;color:var(--accent-light);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.sidebar-nav{flex:1 1;padding:24px 16px;display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:10px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-light);border-radius:0 4px 4px 0;transform:scaleY(0);transition:transform .3s ease}.nav-item:hover{background:rgba(255,255,255,.03);color:var(--text-primary);transform:translateX(4px)}.nav-item--active{background:var(--accent-glow);color:#fff;border:1px solid rgba(123,97,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.nav-item--active:before{transform:scaleY(1)}.nav-item--active svg{color:var(--accent-light);filter:drop-shadow(0 0 8px var(--accent-glow))}.sidebar-footer{padding:24px;border-top:1px solid var(--border-light);display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;color:var(--text-muted);background:rgba(0,0,0,.2)}.status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 12px var(--success-glow),inset 0 1px 1px rgba(255,255,255,.5);animation:status-pulse 3s infinite}@keyframes status-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8;box-shadow:0 0 16px var(--success-glow)}}.nav-separator{height:1px;background:var(--border);margin:8px 0}.nav-item--admin{opacity:.7}.nav-item--admin:hover{opacity:1}@media (max-width:768px){.sidebar{width:100%;min-width:100%;position:relative;height:auto;flex-direction:row;align-items:center;box-shadow:0 4px 24px rgba(0,0,0,.3)}.sidebar-brand{border-bottom:none;padding:16px 20px}.sidebar-nav{flex-direction:row;padding:8px;overflow-x:auto}.sidebar-footer{display:none}}