:root{--bg-base: #0d0f14;--bg-surface: #12151d;--bg-raised: #181b24;--bg-overlay: #1e2230;--bg-header: #07090d;--border-subtle: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .09);--border-emphasis: rgba(255, 255, 255, .18);--text-primary: #e8eaf0;--text-secondary: #7a8194;--text-tertiary: #454d60;--accent: #3b82f6;--accent-dim: rgba(59, 130, 246, .1);--accent-border: rgba(59, 130, 246, .25);--green: #22c55e;--green-dim: rgba(34, 197, 94, .1);--green-border: rgba(34, 197, 94, .22);--amber: #f59e0b;--amber-dim: rgba(245, 158, 11, .1);--amber-border: rgba(245, 158, 11, .22);--red: #ef4444;--red-dim: rgba(239, 68, 68, .1);--red-border: rgba(239, 68, 68, .22)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:background .12s,opacity .12s,border-color .12s,color .12s}button:disabled{cursor:not-allowed;opacity:.45}input,textarea{font-family:inherit;outline:none;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--accent-border)!important;box-shadow:0 0 0 3px #3b82f614}textarea{resize:vertical}.btn-primary{background:var(--accent);color:#fff;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;border:1px solid transparent}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-ghost{background:transparent;color:var(--text-secondary);border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;border:1px solid var(--border-default)}.btn-ghost:hover:not(:disabled){background:var(--bg-overlay);color:var(--text-primary);border-color:var(--border-emphasis)}.btn-success{background:var(--green-dim);color:var(--green);border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;border:1px solid var(--green-border)}.btn-success:hover:not(:disabled){background:#22c55e2e}.btn-warning{background:var(--amber-dim);color:var(--amber);border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;border:1px solid var(--amber-border)}.btn-warning:hover:not(:disabled){background:#f59e0b2e}.btn-danger{background:var(--red-dim);color:var(--red);border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;border:1px solid var(--red-border)}.btn-danger:hover:not(:disabled){background:#ef44442e}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 1.4s ease-in-out infinite;vertical-align:middle;margin-right:6px}