:root{--bg:#f8fafc;--panel:#fff;--text:#0f172a;--muted:#475569;--border:#e2e8f0;--accent:#0ea5e9;--accent-600:#0284c7;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--shadow:0 1px 2px rgba(2,6,23,.06),0 8px 24px rgba(2,6,23,.06);--radius:12px;--radius-sm:8px;--radius-lg:16px;--focus:0 0 0 3px rgba(14,165,233,.35)}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--panel:#0f172a;--text:#e5e7eb;--muted:#94a3b8;--border:#1f2937;--accent:#38bdf8;--accent-600:#0ea5e9;--shadow:0 1px 2px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.35)}}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;margin:0 0 12px}h2{font-size:18px;margin:20px 0 10px}p{margin:0 0 12px;color:var(--muted)}.container{max-width:1120px;margin:0 auto;padding:20px}.header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:0 1px 0 rgba(2,6,23,.04)}.nav{gap:16px;padding:10px 0}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-weight:700;letter-spacing:.2px}main{padding-top:18px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.grid,.grid-2{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-weight:600}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:#94a3b8}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--focus)}.form-row{display:grid;grid-gap:12px;gap:12px}@media (min-width:720px){.form-row{grid-template-columns:1fr 1fr}}.btn,button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--text);color:var(--panel);font-weight:600;cursor:pointer;transition:transform .04s ease,box-shadow .15s ease,background .15s ease}.btn:hover,button:hover{filter:brightness(1.02)}.btn:active,button:active{transform:translateY(1px)}.btn-secondary{background:var(--panel);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}thead th{text-align:left;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);background:rgba(148,163,184,.12)}tbody td,thead th{padding:10px 12px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(148,163,184,.08)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:rgba(2,6,23,.03)}code{background:rgba(2,6,23,.05);padding:2px 6px;border-radius:6px;border:1px solid var(--border)}.m0{margin:0}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.header .nav{flex-wrap:wrap;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.header .nav::-webkit-scrollbar{height:6px}.header .nav::-webkit-scrollbar-thumb{background:rgba(2,6,23,.15);border-radius:999px}.header .nav a:hover{opacity:1;text-decoration:none}input[type=checkbox]{-moz-appearance:auto!important;appearance:auto!important;-webkit-appearance:checkbox!important;width:auto!important;height:auto!important;padding:0!important;margin:0 4px 0 0!important;border:none!important;background:transparent!important;vertical-align:middle;cursor:pointer}.admin-root .btn,.admin-root button{font-size:.8rem!important;font-weight:400!important;padding:3px 6px!important;border-radius:6px!important;margin:6px!important}.admin-root button .font-medium+.font-mono,.admin-root button .font-semibold+.font-mono{margin-left:.25rem!important}.admin-root .font-medium+.font-mono,.admin-root .font-semibold+.font-mono{margin-left:.25rem}.admin-root .gap-0\.5{gap:.125rem}.admin-root .gap-1{gap:.25rem}.admin-root .gap-2{gap:.5rem}.admin-root .gap-3{gap:.75rem}.admin-root .gap-4{gap:1rem}@supports not (gap:1rem){.admin-root .gap-0\.5>*+*{margin-left:.125rem}.admin-root .gap-1>*+*{margin-left:.25rem}.admin-root .gap-2>*+*{margin-left:.5rem}.admin-root .gap-3>*+*{margin-left:.75rem}.admin-root .gap-4>*+*{margin-left:1rem}}.mode-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.mode-toggle .label{font-size:12px;color:var(--muted);margin-right:4px}.mode-toggle button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:inherit;padding:6px 10px;border-radius:8px;font-weight:600;cursor:pointer}.mode-toggle button:hover{background:rgba(2,6,23,.04)}.mode-toggle button.is-active{outline:2px solid #f97316;outline-offset:2px;border-color:#f97316;background:transparent}@media (max-width:480px){*,:after,:before,body,html{font-size:8px!important;line-height:1.2!important}}