@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#000;--sidebar-bg:#0a0a0a;--panel-bg:#ffffff08;--panel-border:#ffffff0f;--text-primary:#fff;--text-secondary:#8b9298;--accent-color:#00e6d2;--accent-glow:#00e6d299;--active-pill-bg:#00e6d2;--active-pill-text:#000;--success:#00e6d2;--warning:#f59e0b;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#00e6d240 0%,#0000 35%),radial-gradient(circle at 90% 80%,#00e6d233 0%,#0000 40%),radial-gradient(circle at 60% 40%,#00e6d21a 0%,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}.app-layout{grid-template-columns:280px 1fr;min-height:100vh;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1);display:grid}.app-layout.collapsed{grid-template-columns:80px 1fr}.sidebar{background-color:var(--sidebar-bg);white-space:nowrap;border-right:1px solid #00000080;flex-direction:column;height:100vh;padding:2.5rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden;box-shadow:2px 0 10px #0000004d}.app-layout.collapsed .sidebar{padding:2.5rem 1rem}.app-layout.collapsed .sidebar-title{justify-content:center;padding-left:0}.app-layout.collapsed .sidebar-section,.app-layout.collapsed .nav-link-text,.app-layout.collapsed .nav-badge{display:none}.app-layout.collapsed .sidebar-section{height:20px;margin:0}.app-layout.collapsed .nav-link{justify-content:center;padding:12px}.sidebar-title{color:#fff;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-left:.5rem;font-size:1.5rem;font-weight:700;display:flex}.sidebar-section{color:#4a5568;text-transform:uppercase;letter-spacing:1px;margin-top:1.5rem;margin-bottom:1rem;padding-left:.5rem;font-size:.75rem;font-weight:600}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.nav-link svg{stroke:currentColor;opacity:.7}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active{background:var(--active-pill-bg);color:var(--active-pill-text);font-weight:600}.nav-link.active svg{stroke:var(--active-pill-text);opacity:1}.nav-badge{color:#fff;background:#ff5a5f;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.7rem;font-weight:600}.main-content{padding:2.5rem 3.5rem;overflow-y:auto}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 20px #0003}.glass-panel:hover{border-color:#00e6d233;box-shadow:0 8px 30px #00e6d20d}button{cursor:pointer;border:none;outline:none;font-family:Inter,sans-serif;transition:all .2s}.btn-primary{color:#000;background:linear-gradient(135deg,#00e6d2 0%,#00b3a3 100%);border-radius:8px;padding:12px 24px;font-size:.95rem;font-weight:600;box-shadow:0 4px 14px #00e6d24d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00e6d280}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px 24px;font-size:.95rem;font-weight:500}.btn-secondary:hover{color:var(--accent-color);background:#00e6d21a;border-color:#00e6d24d}.status-indicator{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.status-active{background-color:var(--success);box-shadow:0 0 8px var(--success)}.status-inactive{background-color:var(--text-secondary)}.status-warning{background-color:var(--warning);box-shadow:0 0 8px var(--warning)}.status-danger{background-color:var(--danger);box-shadow:0 0 8px var(--danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}@keyframes pulse-glow{0%{box-shadow:0 0 #00e6d266}70%{box-shadow:0 0 0 10px #00e6d200}to{box-shadow:0 0 #00e6d200}}.pulse-danger{animation:2s infinite pulse-glow}input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-color);cursor:pointer;width:16px;height:16px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%}