:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--error: #ef4444;--warning: #f59e0b;--border: #475569;--radius: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}button.primary{background:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}button.secondary{background:var(--bg-tertiary);color:var(--text-primary)}button.secondary:hover{background:var(--border)}button.danger{background:var(--error);color:#fff}button.success{background:var(--success);color:#fff}input,select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;color:var(--text-primary);font-size:.875rem;width:100%}input:focus,select:focus{outline:none;border-color:var(--accent)}label{display:block;margin-bottom:.25rem;font-size:.875rem;color:var(--text-secondary)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}