:root{--bg-base: #0a0e1a;--bg-surface: #111827;--bg-card: #161d2e;--bg-hover: #1e2a3f;--border: rgba(0, 212, 255, .12);--border-hi: rgba(0, 212, 255, .35);--cyan: #00d4ff;--cyan-dim: rgba(0, 212, 255, .15);--cyan-glow: 0 0 20px rgba(0, 212, 255, .25);--green: #00e5a0;--green-dim: rgba(0, 229, 160, .15);--yellow: #ffc107;--yellow-dim: rgba(255, 193, 7, .15);--red: #ff4d6d;--red-dim: rgba(255, 77, 109, .15);--purple: #a78bfa;--purple-dim: rgba(167, 139, 250, .15);--orange: #fb923c;--text-primary: #e8f4f8;--text-secondary: #7a9db5;--text-muted: #4a6272;--font-ui: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--sidebar-w: 230px;--topbar-h: 60px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font-ui);background:var(--bg-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.35rem;font-weight:600}h3{font-size:1.1rem;font-weight:600}.mono{font-family:var(--font-mono)}.text-cyan{color:var(--cyan)}.text-green{color:var(--green)}.text-yellow{color:var(--yellow)}.text-red{color:var(--red)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;transition:border-color var(--transition)}.card:hover{border-color:var(--border-hi)}.card-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.card-title:before{content:"";display:inline-block;width:3px;height:14px;background:var(--cyan);border-radius:2px}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--cyan);color:var(--bg-base)}.btn-primary:hover{background:#33dcff;box-shadow:var(--cyan-glow)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-hi);color:var(--text-primary);background:var(--bg-hover)}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid rgba(255,77,109,.3)}.btn-danger:hover{background:#ff4d6d40}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600}.badge-green{background:var(--green-dim);color:var(--green)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-cyan{background:var(--cyan-dim);color:var(--cyan)}.badge-purple{background:var(--purple-dim);color:var(--purple)}.badge-gray{background:#7a9db51f;color:var(--text-secondary)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:10px 14px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border)}.data-table td{padding:13px 14px;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-hover)}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.82rem;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.form-control{width:100%;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 14px;color:var(--text-primary);font-family:var(--font-ui);font-size:.9rem;transition:border-color var(--transition);outline:none}.form-control:focus{border-color:var(--cyan)}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.grid-3,.grid-2{grid-template-columns:1fr}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.w-full{width:100%}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .35s ease both}.card:nth-child(1){animation-delay:.05s}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.15s}.card:nth-child(4){animation-delay:.2s}