@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-base:#070d1a;--bg-primary:#0b1425;--bg-secondary:#0f1c30;--bg-elevated:#152035;--bg-glass:#0b1425d9;--bg-glass-hover:#152035eb;--bg-card:#111d2e;--bg-surface:#0d1828;--bg-input:#0f1b2a;--bg-modal:#0d1828;--bg-dropdown:#111d2e;--bg-tooltip:#1a2a42;--text-primary:#edf2ff;--text-secondary:#a3b8da;--text-muted:#6b80a6;--primary-50:#eff8ff;--primary-100:#dbedff;--primary-200:#b6dcff;--primary-300:#7bc1ff;--primary-400:#34a4fa;--primary-500:#0094ff;--primary-600:#07c;--primary-700:#0061a8;--primary-800:#0a4a7d;--primary-900:#0c2d4d;--primary-950:#08192e;--accent-primary:var(--primary-500);--accent-primary-hover:var(--primary-400);--accent-primary-dim:#0094ff1f;--accent-secondary:#7c6bff;--accent-success:#22d3a0;--accent-success-dim:#22d3a01f;--accent-warning:#f59e0b;--accent-warning-dim:#f59e0b1f;--accent-danger:#f25b5b;--accent-danger-dim:#f25b5b1f;--chip:var(--accent-primary);--chip-success:var(--accent-success);--chip-warning:var(--accent-warning);--chip-error:var(--accent-danger);--border-color:#5a82c81c;--border-hover:#5a82c838;--border-active:#4f87ff73;--shadow-sm:0 1px 4px #00000059;--shadow-md:0 4px 20px #00000073;--shadow-lg:0 8px 40px #0000008c;--shadow-glow:0 0 24px #4f87ff2e;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--t-fast:.12s ease;--t-base:.2s ease;--t-slow:.35s ease;--sidebar-width:232px;--topbar-height:0px;--bg-sidebar:#070d1af2}[data-theme=light]{--bg-base:#f4f6fb;--bg-primary:#fff;--bg-secondary:#eceff5;--bg-elevated:#fff;--bg-glass:#ffffffd1;--bg-glass-hover:#eef1f7eb;--bg-sidebar:#fffffff2;--bg-card:#fff;--bg-surface:#f3f5f9;--bg-input:#fff;--bg-modal:#fff;--bg-dropdown:#fff;--bg-tooltip:#1f2937;--text-primary:#0f172a;--text-secondary:#48546b;--text-muted:#6b7690;--accent-primary:var(--primary-600);--accent-primary-hover:var(--primary-700);--accent-primary-dim:#0077cc1a;--border-color:#0f172a1a;--border-hover:#0f172a33;--border-active:#2563eb73;--shadow-sm:0 1px 4px #0f172a0f;--shadow-md:0 4px 20px #0f172a14;--shadow-lg:0 8px 40px #0f172a1f;--shadow-glow:0 0 24px #0094ff26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv05" 1, "cv11" 1, "ss01" 1;text-rendering:optimizelegibility;background-image:radial-gradient(80% 60% at 10% 0,#4f87ff12 0%,#0000 55%),radial-gradient(60% 40% at 90% 100%,#7c6bff0d 0%,#0000 50%),radial-gradient(40% 30% at 55% 40%,#22d3a008 0%,#0000 40%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}a{color:var(--accent-primary);transition:color var(--t-base);text-decoration:none}a:hover{color:var(--accent-primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#4f87ff40;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#4f87ff73}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;color:var(--text-primary);font-weight:700;line-height:1.25}h1{font-size:1.65rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{color:var(--text-secondary)}code{color:#7eb3ff;background:#4f87ff1a;border:1px solid #4f87ff26;border-radius:4px;padding:.1em .4em;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.82em}.app-container{min-height:100vh;display:flex}.main-content{min-width:0;padding:var(--space-8);flex:1;height:100vh;overflow-y:auto}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);transition:border-color var(--t-base), background var(--t-base)}.glass-panel.hoverable:hover{background:var(--bg-glass-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md), var(--shadow-glow)}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border-color);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-logo{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-nav{padding:var(--space-4) 0;gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-section-label{padding:var(--space-3) var(--space-5) var(--space-1);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:var(--space-3);font-size:.62rem;font-weight:700}.sidebar-section-label:first-child{margin-top:0}.nav-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);margin:1px var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--t-fast);white-space:nowrap;border:1px solid #0000;font-size:.84rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--text-secondary);background:#4f87ff0f;border-color:#4f87ff14}.nav-link.active{color:var(--accent-primary);background:#4f87ff1f;border-color:#4f87ff33;font-weight:600}.nav-link svg{opacity:.8;flex-shrink:0}.nav-link.active svg{opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--border-color);flex-shrink:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;border:1px solid #0000;font-family:inherit;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary-hover);box-shadow:0 2px 8px #4f87ff4d}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #4f87ff66}.btn-glass{border-color:var(--border-color);color:var(--text-secondary);background:#ffffff0a}.btn-glass:hover{border-color:var(--border-hover);color:var(--text-primary);background:#ffffff14}.btn-danger{background:var(--accent-danger-dim);color:var(--accent-danger);border-color:#f25b5b40}.btn-danger:hover{background:var(--accent-danger);border-color:var(--accent-danger);color:#fff}.btn-success{background:var(--accent-success-dim);color:var(--accent-success);border-color:#22d3a040}.btn-success:hover{background:var(--accent-success);border-color:var(--accent-success);color:#042e22}.btn-icon{padding:var(--space-2);border-radius:var(--radius-sm)}input,select,textarea{color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);width:100%;transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);outline:none;font-family:inherit;font-size:.88rem}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);background:#4f87ff0a;box-shadow:0 0 0 3px #4f87ff1f}select option{background:var(--bg-elevated);color:var(--text-primary)}label{color:var(--text-secondary);margin-bottom:var(--space-2);letter-spacing:.02em;font-size:.8rem;font-weight:600;display:block}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;width:100%;font-size:.86rem}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}thead{z-index:1;position:sticky;top:0}th{padding:var(--space-3) var(--space-4);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-color);background:#0000004d;font-size:.71rem;font-weight:700}td{padding:var(--space-3) var(--space-4);vertical-align:middle;color:var(--text-secondary);border-bottom:1px solid #ffffff09}td:first-child{color:var(--text-primary)}tr:last-child td{border-bottom:none}tr:hover td{color:var(--text-primary);background:#4f87ff09}.badge{letter-spacing:.04em;white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:.15rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.badge-success{background:var(--accent-success-dim);color:var(--accent-success);border:1px solid #22d3a033}.badge-warning{background:var(--accent-warning-dim);color:var(--accent-warning);border:1px solid #f59e0b33}.badge-danger{background:var(--accent-danger-dim);color:var(--accent-danger);border:1px solid #f25b5b33}.badge-primary{background:var(--accent-primary-dim);color:var(--accent-primary);border:1px solid #4f87ff33}.badge-muted{color:var(--text-muted);background:#4d608026;border:1px solid #4d608033}.divider{background:var(--border-color);height:1px;margin:var(--space-4) 0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #4f87ff00}50%{box-shadow:0 0 16px 2px #4f87ff33}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-slide-in{animation:.25s ease-out forwards slideInRight}.spin{animation:.9s linear infinite spin;display:inline-block}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff24 37%,#ffffff0f 63%) 0 0/400% 100%;animation:1.4s ease-in-out infinite shimmer}@media (prefers-reduced-motion:reduce){.skeleton-shimmer{background:#ffffff14;animation:none}}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.online{background:var(--accent-success);box-shadow:0 0 6px var(--accent-success)}.status-dot.offline{background:var(--accent-danger)}.status-dot.warning{background:var(--accent-warning)}[title]{cursor:help}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible),input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}.btn:active:not(:disabled){transform:scale(.97)}.nav-link:active{transform:scale(.985)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.spin{animation:.9s linear infinite spin}}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.page-header h1{margin-bottom:.2rem}.page-header p{font-size:.85rem}.empty-state{text-align:center;padding:var(--space-10) var(--space-8);color:var(--text-muted)}.empty-state svg{opacity:.25;margin-bottom:var(--space-4)}.empty-state p{margin-top:var(--space-2);font-size:.88rem}.tab-strip{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#00000040;gap:2px;width:fit-content;padding:3px;display:flex}.tab-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);transition:all var(--t-fast);white-space:nowrap;background:0 0;border:none;font-family:inherit;font-size:.82rem;font-weight:600;display:flex}.tab-btn:hover{color:var(--text-secondary);background:#ffffff0a}.tab-btn.active{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.kpi-card{transition:transform var(--t-base), border-color var(--t-base), background var(--t-base), box-shadow var(--t-base)}.kpi-card:hover{box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-3px)}.mobile-topbar{display:none}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:70;background:#0000008c;display:none;position:fixed;inset:0}@media (width<=1180px){.main-content{padding:var(--space-6)}}@media (width<=1024px){:root{--sidebar-width:208px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=768px){.app-container{flex-direction:column}.mobile-topbar{align-items:center;gap:var(--space-3);z-index:60;padding:var(--space-3) var(--space-4);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-color);display:flex;position:sticky;top:0}.sidebar{z-index:80;transition:transform var(--t-slow);box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.open~.sidebar-backdrop,.sidebar-backdrop.visible{display:block}.main-content{padding:var(--space-4);height:auto;min-height:calc(100vh - 57px)}h1{font-size:1.35rem}.page-header{flex-direction:column}.tab-strip{width:100%;overflow-x:auto}}@media (width<=480px){.main-content{padding:var(--space-3)}.kpi-grid{grid-template-columns:1fr}}