:root{--bg: #0f172a;--card: #1e293b;--text: #f1f5f9;--muted: #94a3b8;--primary: #3b82f6}[data-theme=light]{--bg: #f8fafc;--card: #ffffff;--text: #0f172a;--muted: #64748b;--primary: #2563eb}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:1200px;margin:auto;padding:24px}.card{background:var(--card);padding:20px;border-radius:12px;margin-bottom:20px}button{background:var(--primary);border:none;color:#fff;padding:8px 14px;border-radius:6px;cursor:pointer}input,select{padding:8px;border-radius:6px;border:1px solid #ccc;margin-bottom:10px;width:100%}