:root{--bg: #0f1115;--panel: #171a21;--panel-hover: #1e222b;--panel-active: #23283a;--border: #262a33;--border-subtle: #1c1f27;--text: #e6e8eb;--muted: #8b93a1;--accent: #5b8cff;--accent-hover: #4a7ae8;--accent-alpha: rgba(91, 140, 255, .15);--green: #34d399;--green-alpha: rgba(52, 211, 153, .15);--red: #f87171;--red-alpha: rgba(248, 113, 113, .15);--yellow: #fbbf24;--yellow-alpha: rgba(251, 191, 36, .15);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border-radius:8px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease;border:1px solid transparent}button.primary{background:var(--accent);color:#fff;padding:8px 14px}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.primary:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text);padding:6px 10px}button.secondary:hover{background:var(--panel-hover);border-color:#363c48}button.danger{background:transparent;border:1px solid transparent;color:var(--muted);padding:4px;border-radius:6px}button.danger:hover{color:var(--red);background:var(--red-alpha)}input,select{font-family:inherit;background:#0f1115;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;padding:8px 12px;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}@keyframes flash-green{0%{background:#34d39940}to{background:transparent}}@keyframes pulse-live{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.8}}.row-flash{animation:flash-green 1.4s ease-out}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);display:inline-block;flex-shrink:0}.status-dot.live{background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse-live 2s infinite ease-in-out}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#252a35;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#343a49}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .85s linear infinite}.top-loading-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa,#38bdf8,#3b82f6);background-size:200% 100%;animation:loading-bar-move 1.2s linear infinite;z-index:100}@keyframes loading-bar-move{0%{background-position:100% 0}to{background-position:-100% 0}}.mobile-only-btn{display:none!important}.desktop-only-text{display:inline}.mobile-overlay{display:none}@media (max-width: 768px){.mobile-only-btn{display:inline-flex!important}.desktop-only-text{display:none!important}.sidebar-drawer{position:fixed!important;top:0;left:0;bottom:0;height:100vh!important;z-index:1000!important;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 28px #000000b3}.sidebar-drawer.open{transform:translate(0)}.mobile-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}}