:root{--bg: #fafafa;--card: #ffffff;--text: #111111;--muted: #6b7280;--border: #e6e6e6;--brand: #2b6bf2;--brand-600: #1f56d9;--shadow: 0 1px 2px rgba(16,24,40,.06), 0 2px 8px rgba(16,24,40,.06)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.topbar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:.2px}.footer{padding:12px 16px;border-top:1px solid var(--border);color:#666;background:#fff}.container{max-width:820px;width:100%;margin:0 auto;padding:24px 16px}h2{margin:12px 0}h3{margin:0 0 12px}section,.panel{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px;box-shadow:var(--shadow);margin-bottom:16px}input,select,button,textarea{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #d0d0d0;background:#fff;font:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2b6bf226}button{background:var(--brand);color:#fff;border-color:var(--brand);cursor:pointer;transition:background .12s ease,transform .02s ease-in-out}button:hover{background:var(--brand-600)}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:not-allowed}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden}th,td{padding:10px 12px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}th{background:#f7f7f7;font-weight:600}tbody tr:hover{background:#f8fafc}.grid-2{display:block}.row{display:flex;gap:8px;align-items:center}.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}@media(max-width:900px){.kv{grid-template-columns:1fr}}.error{color:#a40000;margin-bottom:8px}.success{color:#0f5132;background:#d1e7dd;padding:8px 10px;border-radius:6px}.muted{color:var(--muted)}