:root{--bg:#0f172a;--surface:#111827;--border:#1f2937;--text:#e5e7eb;--primary:#2563eb;--danger-bg:#7f1d1d;--danger-fg:#fecaca;--success-bg:#064e3b;--success-fg:#bbf7d0}
@media (prefers-color-scheme: light){:root{--bg:#f6f7fb;--surface:#fff;--border:#e5e7eb;--text:#0b1220;--primary:#2563eb;--danger-bg:#fee2e2;--danger-fg:#991b1b;--success-bg:#d1fae5;--success-fg:#065f46}}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}
.container{max-width:960px;margin:0 auto;padding:16px}.header{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--border)}.header-inner{display:flex;justify-content:space-between;gap:12px;padding:12px 16px}.brand{font-weight:700}.nav{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:0;border-radius:12px;background:var(--primary);color:#fff;text-decoration:none;cursor:pointer;font-weight:600}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.main{padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}.form label{display:block;font-size:14px;margin:12px 0 6px}.input,.select,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:transparent;color:var(--text)}.stack{display:grid;gap:12px}.alert{padding:12px;border-radius:12px;margin-bottom:12px}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.footer{padding:24px;text-align:center;opacity:.7}