:root{--primary:#1a4a8d;--primary-hover:#153a6f;--bg-light:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--card-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}.dark-theme{--bg-main:#0a0a0a;--bg-sidebar:#111;--bg-card:#161616;--border-subtle:#222;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s,color .3s}.dark-theme body{background-color:var(--bg-main);color:var(--text-main)}.card{box-shadow:var(--card-shadow);background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .2s}.dark-theme .card{background:var(--bg-card);border-color:var(--border-subtle);box-shadow:none}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .2s;display:flex}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-ghost{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.btn-ghost:hover{background:#0000000d}.dark-theme .btn-ghost:hover{background:#ffffff0d}.live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 4px #10b98133}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark-theme ::-webkit-scrollbar-thumb{background:#334155}