@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}:root{--bg-base:#111318;--bg-surface:#1a1c20;--bg-elevated:#1e2024;--bg-muted:#333539;--border:rgba(60,74,66,0.2);--border-light:rgba(60,74,66,0.4);--accent:#10b981;--accent-dim:#059669;--accent-glow:rgba(16,185,129,0.15);--accent-subtle:rgba(16,185,129,0.08);--blue:#3b82f6;--blue-glow:rgba(59,130,246,0.15);--text-primary:#e2e2e8;--text-secondary:#94a3b8;--text-muted:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--sidebar-w:240px;--header-h:60px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 4px 24px rgba(0,0,0,0.4);--shadow-glow:0 0 24px var(--accent-glow);--dur:200ms;--ease:cubic-bezier(0.4,0,0.2,1)}body{background:var(--bg-base);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;line-height:1.6}h1{font-size:2rem;font-weight:800;letter-spacing:-.03em}h2{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}h3{font-size:1.1rem;font-weight:600}p{color:var(--text-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:99px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color var(--dur) var(--ease)}.card:hover{border-color:var(--border-light)}.card-glass{background:rgba(11,22,40,.7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card-glass,.stat-card{border:1px solid var(--border);border-radius:var(--radius-lg)}.stat-card{background:var(--bg-surface);padding:20px 24px;position:relative;overflow:hidden;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.stat-card:before{content:"";position:absolute;inset:0;background:var(--accent-subtle);opacity:0;transition:opacity var(--dur) var(--ease)}.stat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-value{font-size:2rem;font-weight:800;color:var(--accent);letter-spacing:-.04em;line-height:1}.stat-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all var(--dur) var(--ease);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--accent);color:#002113;box-shadow:0 0 20px var(--accent-glow)}.btn-primary:hover{background:#34d399;box-shadow:0 0 32px rgba(16,185,129,.35);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-light);background:var(--bg-muted)}.btn-danger{background:rgba(239,68,68,.1);color:var(--danger);border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:rgba(239,68,68,.2);border-color:var(--danger)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-icon{padding:8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.badge-green{background:rgba(16,185,129,.12);color:var(--accent)}.badge-blue{background:rgba(59,130,246,.12);color:var(--blue)}.badge-muted{background:var(--bg-muted);color:var(--text-muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.dot-live{background:var(--accent);box-shadow:0 0 6px var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:10px 14px;width:100%;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}label{display:block;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.mono,label{font-size:.8rem}.mono{font-family:JetBrains Mono,Fira Code,monospace;background:var(--bg-muted);padding:2px 6px;border-radius:4px;color:var(--accent)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{text-align:left;padding:10px 16px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:14px 16px;color:var(--text-secondary)}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--dur) var(--ease)}.table tbody tr:hover{background:var(--bg-elevated)}.divider{height:1px;background:var(--border);width:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.shrink-0{flex-shrink:0}.flex-1{flex:1 1}.w-full{width:100%}.h-full{height:100%}.max-w-3xl{max-width:48rem}.max-w-md{max-width:28rem}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.px-8{padding-left:32px;padding-right:32px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.font-black{font-weight:900}.font-extrabold{font-weight:800}.font-mono{font-family:JetBrains Mono,monospace}.bg-surface-container-low{background:var(--bg-surface)}.bg-surface-container-lowest{background:var(--bg-base)}.border-outline-variant\/10{border-color:rgba(60,74,66,.1)}.bg-primary{background:var(--accent)}.text-primary{color:var(--accent)}.text-on-primary{color:#002113}.text-on-surface{color:var(--text-primary)}.text-on-surface-variant{color:var(--text-secondary)}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.bg-gradient-primary,.cta-gradient{background:linear-gradient(135deg,var(--accent) 0,#34d399 100%);color:#002113!important}.technical-gradient{background:linear-gradient(90deg,var(--accent) 0,#059669 100%);color:#002113!important}.cta-glow{box-shadow:0 0 20px rgba(16,185,129,.2)}.cta-glow:hover{box-shadow:0 0 32px rgba(16,185,129,.4)}