@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";
:root{--bg-deep:#05070a;--bg-dark:#0a0e14;--bg-glass:#0f141cb3;--brand-cyan:#00f2ff;--brand-neon:#00f2ff;--brand-purple:#9d00ff;--text-main:#e2e8f0;--text-dim:#94a3b8;--border-glass:#00f2ff26;--glow-cyan:0 0 15px #00f2ff66;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1)}.theme-admin{--brand-cyan:#f59e0b;--brand-neon:#f59e0b;--border-glass:#f59e0b26;--glow-cyan:0 0 15px #f59e0b66}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-main);min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#00f2ff0d 0%,#0000 80%),linear-gradient(#00f2ff08 1px,#0000 1px),linear-gradient(90deg,#00f2ff08 1px,#0000 1px);background-size:100% 100%,40px 40px,40px 40px;width:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:800}.neon-text{color:var(--brand-cyan);text-shadow:var(--glow-cyan)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 8px 32px #0000004d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00f2ff33;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00f2ff66}code{font-family:JetBrains Mono,monospace}button{cursor:pointer;font-family:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.layout-wrapper{min-height:100vh;display:flex}.main-viewport-full{flex:1;max-width:1400px;margin:0 auto;padding:40px}.layout-wrapper:has(.sidebar-container) .main-viewport-full{max-width:none;margin-left:300px;margin-right:0}.content-scroll{animation:.6s ease-out fadeIn}
.sidebar{flex-direction:column;width:260px;height:calc(100vh - 40px);margin:20px;padding:32px 16px;display:flex;position:fixed;top:0;left:0;border-radius:24px!important}.sidebar-brand{align-items:center;gap:12px;padding:0 16px 40px;display:flex}.sidebar-logo{height:32px}.brand-text{letter-spacing:2px;font-size:20px;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:var(--text-dim);transition:var(--transition-smooth);border-radius:12px;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff0d}.nav-item.active{color:var(--brand-cyan);border-right:2px solid var(--brand-cyan);background:#00f2ff1a}.nav-icon{font-size:18px}.nav-text{font-size:14px;font-weight:600}.sidebar-footer{border-top:1px solid var(--border-glass);padding-top:20px}.status-indicator{color:var(--text-dim);align-items:center;gap:10px;padding:0 16px;font-size:12px;display:flex}.dot{background:#00ff9d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #00ff9d}.pulse{animation:2s infinite pulse-animation}@keyframes pulse-animation{0%{transform:scale(.95);box-shadow:0 0 #00ff9db3}70%{transform:scale(1);box-shadow:0 0 0 10px #00ff9d00}to{transform:scale(.95);box-shadow:0 0 #00ff9d00}}