@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap);td,th{padding:12px 18px}.chart-card,.panel,.table-wrap{box-shadow:var(--ds-glass-shadow)}.btn,.stat-card{transition:var(--ds-transition);position:relative}.btn,.notice,.stat-card{position:relative}.btn,.tab{cursor:pointer}:root{--ds-navy-1:#020c18;--ds-navy-2:#041326;--ds-navy-3:#0a1628;--ds-navy-4:#0D1B2A;--ds-navy-5:#0e2040;--ds-cyan:#00D4FF;--ds-cyan-hover:#00BCD4;--ds-cyan-dim:rgba(0, 212, 255, 0.12);--ds-cyan-glow:rgba(0, 212, 255, 0.18);--ds-red:#DC2626;--ds-red-hover:#b91c1c;--ds-red-glow:rgba(220, 38, 38, 0.35);--ds-coral:#f97316;--ds-coral-dim:rgba(249, 115, 22, 0.12);--ds-pink:#0EA5E9;--ds-pink-dim:rgba(14, 165, 233, 0.12);--ds-pink-glow:rgba(14, 165, 233, 0.3);--ds-success:#10b981;--ds-success-dim:rgba(16, 185, 129, 0.12);--ds-warning:#f59e0b;--ds-warning-dim:rgba(245, 158, 11, 0.12);--ds-danger:#ef4444;--ds-danger-dim:rgba(239, 68, 68, 0.12);--ds-text:#e2eeff;--ds-text-secondary:#a8c4e0;--ds-text-dim:#7a9abf;--ds-text-muted:#3d5470;--ds-glass-bg:rgba(0, 212, 255, 0.04);--ds-glass-border:rgba(0, 212, 255, 0.12);--ds-glass-shadow:0 4px 24px rgba(0, 0, 0, 0.3);--ds-glass-hover:rgba(0, 212, 255, 0.08);--ds-glass-active:rgba(0, 212, 255, 0.14);--ds-surface-1:rgba(4, 19, 38, 0.95);--ds-surface-2:rgba(10, 22, 40, 0.8);--ds-surface-3:rgba(14, 32, 64, 0.6);--ds-radius-sm:6px;--ds-radius-md:10px;--ds-radius-lg:14px;--ds-radius-xl:20px;--ds-transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);--ds-transition-fast:all 0.15s ease}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:var(--ds-navy-1);color:var(--ds-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds-sidebar,.sidebar{background:linear-gradient(180deg,rgba(4,19,38,.98),rgba(2,12,24,.99));border-right:1px solid var(--ds-glass-border);backdrop-filter:blur(12px)}.ds-sidebar .nav-item,.sidebar .nav-item,.sidebar .sb-item{transition:var(--ds-transition);border-radius:0;position:relative}.notice::before,.stat-card::before{content:'';position:absolute;left:0;top:0}.ds-sidebar .nav-item:hover,.sidebar .nav-item:hover,.sidebar .sb-item:hover{background:linear-gradient(90deg,var(--ds-glass-hover),transparent)}.ds-sidebar .nav-item.active,.sidebar .nav-item.active,.sidebar .sb-item.active{background:linear-gradient(90deg,var(--ds-glass-active),transparent);border-left-color:var(--ds-cyan)}.ds-sidebar .nav-item.active::before,.sidebar .nav-item.active::before,.sidebar .sb-item.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--ds-cyan),var(--ds-cyan-hover));border-radius:0 2px 2px 0}.panel,.stat-card,.table-wrap{border:1px solid var(--ds-glass-border);overflow:hidden}.topbar{background:linear-gradient(90deg,rgba(4,19,38,.95),rgba(10,22,40,.9));border-bottom:1px solid var(--ds-glass-border);backdrop-filter:blur(12px)}.stat-card{background:var(--ds-glass-bg);border-radius:var(--ds-radius-lg);padding:20px 22px}.stat-card::before{right:0;height:1px;background:linear-gradient(90deg,transparent,var(--ds-cyan-dim),transparent);opacity:0;transition:opacity .3s}.btn-ghost:hover,tr:hover td{background:var(--ds-glass-hover)}.stat-card:hover{transform:translateY(-3px);border-color:rgba(0,212,255,.25);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(0,212,255,.08)}.stat-card:hover::before{opacity:1}.stat-value{font-size:34px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--ds-cyan),#00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label,th{font-size:11px;text-transform:uppercase;color:var(--ds-text-dim)}.chart-card h3,.stat-label,th{font-weight:700}.stat-card.success .stat-value{background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text}.stat-card.warning .stat-value{background:linear-gradient(135deg,#f59e0b,#fcd34d);-webkit-background-clip:text;background-clip:text}.stat-card.danger .stat-value{background:linear-gradient(135deg,#ef4444,#fca5a5);-webkit-background-clip:text;background-clip:text}.stat-label{letter-spacing:.08em}.btn,.stat-sub{font-size:12px}.badge,.btn,.tab{font-weight:600}.stat-sub{color:var(--ds-text-dim)}.panel,.table-wrap{background:var(--ds-glass-bg);border-radius:var(--ds-radius-lg)}.arch-section-header,.panel-header,.table-header{padding:16px 20px;border-bottom:1px solid var(--ds-glass-border);background:linear-gradient(90deg,rgba(0,212,255,.03),transparent)}.table-header h3{font-size:14px;font-weight:700;letter-spacing:-.01em}table{width:100%;border-collapse:collapse}th{text-align:left;letter-spacing:.06em;border-bottom:1px solid var(--ds-glass-border);background:rgba(0,212,255,.02)}td{font-size:13px;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s}tr:last-child td{border-bottom:none}.chart-card{background:var(--ds-glass-bg);border:1px solid var(--ds-glass-border);border-radius:var(--ds-radius-lg);padding:20px}.chart-card h3{font-size:13px;margin-bottom:16px;color:var(--ds-text-secondary)}.btn{padding:8px 16px;border-radius:var(--ds-radius-sm);border:none;font-family:inherit;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--ds-cyan),var(--ds-cyan-hover));color:#020c18;box-shadow:0 2px 8px rgba(0,212,255,.2)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,212,255,.35)}.btn-ghost{background:var(--ds-glass-bg);border:1px solid var(--ds-glass-border);color:var(--ds-text-dim)}.btn-ghost:hover{color:var(--ds-text);border-color:var(--ds-cyan)}.btn-danger{background:var(--ds-danger-dim);color:#fca5a5;border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4)}.btn-success{background:var(--ds-success-dim);color:#34d399;border:1px solid rgba(16,185,129,.25)}.btn-success:hover{background:rgba(16,185,129,.2)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:11px;letter-spacing:.02em}.error-msg,.notice,.success-msg,.tab{font-size:13px}.badge-green{background:rgba(16,185,129,.12);color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge-red{background:rgba(239,68,68,.12);color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.badge-yellow{background:rgba(245,158,11,.12);color:#fcd34d;border:1px solid rgba(245,158,11,.2)}.badge-blue{background:rgba(0,212,255,.12);color:#7dd3fc;border:1px solid rgba(0,212,255,.2)}.badge-purple{background:rgba(139,92,246,.12);color:#93c5fd;border:1px solid rgba(139,92,246,.2)}.badge-gray{background:rgba(122,154,191,.1);color:var(--ds-text-dim);border:1px solid rgba(122,154,191,.15)}.arch-section,.health-card{background:var(--ds-glass-bg);transition:var(--ds-transition)}.form-group input,.form-group select,.form-group textarea{background:rgba(4,19,38,.8);border:1px solid var(--ds-glass-border);border-radius:8px;padding:10px 14px;color:var(--ds-text);font-size:13px;font-family:inherit;outline:0;transition:var(--ds-transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--ds-cyan);box-shadow:0 0 0 3px rgba(0,212,255,.08)}.health-card{border:1px solid var(--ds-glass-border);border-radius:var(--ds-radius-lg);padding:18px}.arch-card,.error-msg,.notice,.success-msg{padding:12px 16px}.health-card:hover{border-color:rgba(0,212,255,.25);box-shadow:0 4px 16px rgba(0,0,0,.2)}.health-dot.green{background:var(--ds-success);box-shadow:0 0 10px var(--ds-success),0 0 20px rgba(16,185,129,.2)}.health-dot.red{background:var(--ds-danger);box-shadow:0 0 10px var(--ds-danger),0 0 20px rgba(239,68,68,.2)}.arch-section{border:1px solid var(--ds-glass-border);border-radius:var(--ds-radius-lg);overflow:hidden}.arch-section:hover{border-color:rgba(0,212,255,.2)}.arch-card{background:rgba(0,212,255,.04);border:1px solid rgba(0,212,255,.12);border-radius:8px;transition:var(--ds-transition)}.arch-card:hover{border-color:rgba(0,212,255,.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.notice{background:rgba(0,212,255,.06);border:1px solid rgba(0,212,255,.15);border-radius:var(--ds-radius-md);color:#7dd3fc;overflow:hidden}.notice::before{bottom:0;width:3px;background:linear-gradient(180deg,var(--ds-cyan),transparent)}.error-msg{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);border-radius:var(--ds-radius-md);color:#fca5a5}.success-msg{background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.15);border-radius:var(--ds-radius-md);color:#34d399}.loading,.tab{color:var(--ds-text-dim)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(0,212,255,.15);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0,212,255,.3)}.loading{text-align:center;padding:40px}.spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--ds-glass-border);border-top-color:var(--ds-cyan);border-radius:50%;animation:.8s linear infinite ds-spin}@keyframes ds-spin{to{transform:rotate(360deg)}}.tabs{display:flex;gap:0;border-bottom:1px solid var(--ds-glass-border);padding:0 20px}.tab{padding:12px 16px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:var(--ds-transition-fast)}.tab:hover{color:var(--ds-text);background:rgba(0,212,255,.03)}.tab.active{color:var(--ds-cyan);border-bottom-color:var(--ds-cyan)}@media (max-width:768px){.ds-sidebar,.sidebar{display:none}.stats-grid{grid-template-columns:1fr 1fr}.chart-grid{grid-template-columns:1fr}}