:root{--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-card: #16213e;--bg-hover: #1e2d50;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-purple: #7c3aed;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-red: #ef4444;--accent-yellow: #f59e0b;--accent-orange: #f97316;--border-color: #2d3748}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);height:100vh}#root{height:100vh}main{min-width:0;width:100%}main>div{max-width:100%;box-sizing:border-box;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a5568}.btn{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--accent-purple);color:#fff}.btn-primary:hover{background:#6d28d9}.btn-success{background:var(--accent-green);color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-lg{padding:12px 24px;font-size:16px}.card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);padding:20px;min-width:0;overflow:hidden}.input{width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--accent-purple)}.input::placeholder{color:var(--text-muted)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%2394a3b8" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;cursor:pointer}select.input option{background:var(--bg-secondary);color:var(--text-primary)}input[type=date].input,input[type=time].input{color-scheme:dark}input[type=color]{background:var(--bg-secondary);cursor:pointer}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:500}.badge-live{background:var(--accent-red);color:#fff;animation:pulse 2s infinite}.badge-idle{background:var(--border-color);color:var(--text-secondary)}.badge-starting{background:var(--accent-yellow);color:#000}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}