:root,[data-theme=light]{--bg: #f5f7fa;--panel: #ffffff;--accent: #4a90e2;--muted: #6b7280;--text: #1f2937;--border: #e5e7eb;--border-light: #d1d5db;--input-bg: #ffffff;--card-bg: #ffffff;--shadow: rgba(0,0,0,.1)}[data-theme=dark]{--bg: #0c111b;--panel: #151c28;--accent: #4a90e2;--muted: #8aa0b5;--text: #e9eff6;--border: rgba(255,255,255,.1);--border-light: rgba(255,255,255,.08);--input-bg: rgba(255,255,255,.05);--card-bg: rgba(255,255,255,.02);--shadow: rgba(0,0,0,.3)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}h1,h2,h3{margin:0 0 12px}.page{display:grid;grid-template-columns:320px 1fr;gap:18px;padding:22px;min-height:100vh}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 1px 3px var(--shadow)}label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}input,select,textarea,button{width:100%;border-radius:8px;border:1px solid var(--border-light);background:var(--input-bg);color:var(--text);padding:10px 12px;font-size:14px}button{cursor:pointer;transition:transform .1s ease,background .2s;background:#4a90e2;border:none;color:#fff;font-weight:600}button:hover{background:#3a7bc8}button.secondary{background:var(--card-bg);color:var(--text);border:1px solid var(--border)}button.secondary:hover{background:var(--input-bg)}button:active{transform:translateY(1px)}.row{display:flex;gap:8px}.row>*{flex:1}.list{display:grid;gap:10px}.card{padding:12px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px}.muted{color:var(--muted);font-size:12px}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;background:var(--input-bg);color:var(--text)}[data-theme=light] .pill.success{background:#d1fae5;color:#065f46}[data-theme=light] .pill.error{background:#fee2e2;color:#991b1b}[data-theme=light] .pill.warn{background:#fef3c7;color:#92400e}[data-theme=dark] .pill.success{background:#00e0b826;color:#7ff1df}[data-theme=dark] .pill.error{background:#ff575726;color:#ffbaba}[data-theme=dark] .pill.warn{background:#ffc7002e;color:#ffe08a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}