:root{--bg-base: #020617;--bg-surface: #0d1526;--bg-elevated: #0f172a;--bg-card: #111827;--bg-hover: rgba(255,255,255,.04);--bg-active: rgba(0,209,255,.1);--border-subtle: rgba(255,255,255,.06);--border-default:#1a2540;--border-medium: #334155;--border-brand: rgba(0,209,255,.3);--brand: #00d1ff;--brand-dim: rgba(0,209,255,.12);--brand-glow: 0 0 20px rgba(0,209,255,.25);--text-primary: #ffffff;--text-secondary:#e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--text-brand: #00d1ff;--success: #22c55e;--success-dim: rgba(34,197,94,.12);--warning: #fbbf24;--warning-dim: rgba(251,191,36,.12);--danger: #f87171;--danger-dim: rgba(248,113,113,.12);--purple: #a78bfa;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full:9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 16px 40px rgba(0,0,0,.6);--shadow-card:0 2px 12px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.04);--ease-out: cubic-bezier(.4,0,.2,1);--duration-fast: .13s;--duration-normal: .2s;--duration-slow: .3s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;padding:0;background:var(--bg-base);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11"}input,select,textarea,button{font-family:inherit;font-size:inherit}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}:focus{outline:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-md)}input:focus,select:focus,textarea:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px #00d1ff26!important;outline:none}input::placeholder,textarea::placeholder{color:#475569}select option{background:#0d1526;color:#e2e8f0}*{scrollbar-width:thin;scrollbar-color:#1e293b transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#334155}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) both}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-out) both}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown var(--duration-normal) var(--ease-out) both}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.skeleton{background:linear-gradient(90deg,#0f172a,#1e293b,#0f172a);background-size:600px 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-md)}.page-content{animation:fadeIn .22s var(--ease-out) both}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;font-weight:600;letter-spacing:.01em;transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out);white-space:nowrap;text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--brand);color:#020617;border-radius:var(--radius-md);padding:9px 18px;font-size:14px}.btn-primary:hover{background:#19d7ff;box-shadow:0 4px 16px #00d1ff59;transform:translateY(-1px)}.btn-ghost{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:8px 16px;font-size:13px}.btn-ghost:hover{background:#ffffff17;border-color:#4e5f78}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(248,113,113,.35);border-radius:var(--radius-md);padding:8px 16px;font-size:13px}.btn-danger:hover{background:#f8717133;box-shadow:0 2px 10px #f8717133}.btn-icon{background:#ffffff0d;border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:7px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.btn-icon:hover{background:#ffffff1a;color:var(--text-secondary)}.card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--shadow-card)}.card+.card{margin-top:14px}.field-label{display:block;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.field-input{width:100%;background:#020617;border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-size:14px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.02em}.badge-success{background:var(--success-dim);color:var(--success)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-brand{background:var(--brand-dim);color:var(--brand)}.badge-neutral{background:#64748b26;color:var(--text-muted)}.badge-purple{background:#a78bfa1f;color:var(--purple)}.alert{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--radius-md);font-size:13px;line-height:1.5}.alert-error{background:var(--danger-dim);border:1px solid rgba(248,113,113,.25);color:var(--danger)}.alert-success{background:var(--success-dim);border:1px solid rgba(34,197,94,.25);color:var(--success)}.alert-warning{background:var(--warning-dim);border:1px solid rgba(251,191,36,.25);color:var(--warning)}.alert-info{background:var(--brand-dim);border:1px solid var(--border-brand);color:var(--brand)}.table-row{transition:background var(--duration-fast) var(--ease-out)}.table-row:hover{background:var(--bg-hover)}.page-header{margin-bottom:24px}.page-header h1{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 4px;letter-spacing:-.02em}.page-header p{color:var(--text-dim);font-size:14px;margin:0}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse-dot 2s ease-in-out infinite}.typing-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand);animation:typing 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.nav-active-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:22px;background:var(--brand);border-radius:0 3px 3px 0;box-shadow:var(--brand-glow)}@media(max-width:768px){.hide-mobile{display:none!important}.page-header h1{font-size:20px}}@media(max-width:480px){.hide-sm{display:none!important}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1e293b;color:#e2e8f0;font-size:12px;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:100;border:1px solid #334155;box-shadow:0 4px 12px #00000080}[data-tooltip]:hover:after{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center}.empty-state-icon{width:48px;height:48px;border-radius:14px;background:#ffffff0d;border:1px solid var(--border-medium);display:flex;align-items:center;justify-content:center}.empty-state h3{color:var(--text-secondary);font-size:15px;font-weight:600;margin:0}.empty-state p{color:var(--text-dim);font-size:13px;margin:0;max-width:320px;line-height:1.6}.tab-bar{display:flex;gap:2px;background:#ffffff0a;border:1px solid var(--border-default);border-radius:10px;padding:3px}.tab-item{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-dim);cursor:pointer;border:none;background:none;transition:all var(--duration-fast) var(--ease-out)}.tab-item:hover{color:var(--text-muted);background:#ffffff0d}.tab-item.active{background:var(--bg-surface);color:var(--text-primary);font-weight:600;box-shadow:0 1px 4px #0006}.range-btn{display:inline-flex;align-items:center;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-dim);cursor:pointer;border:1px solid transparent;background:none;transition:all var(--duration-fast)}.range-btn:hover{color:var(--text-muted);border-color:var(--border-default)}.range-btn.active{background:var(--brand-dim);border-color:var(--border-brand);color:var(--brand);font-weight:600}