:root{--bg:#f6f7f9;--fg:#1b1f24;--card:#fff;--line:#d8dce2;--accent:#e8590c;--muted:#667085}@media (prefers-color-scheme:dark){:root{--bg:#14171b;--fg:#e8eaed;--card:#1d2126;--line:#323840;--muted:#98a2b3}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.45 system-ui,sans-serif}header{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:12px 16px;display:flex}.brand{color:var(--accent);font-size:1.2rem;font-weight:700;text-decoration:none}header span{color:var(--muted)}main{max-width:1100px;margin:0 auto;padding:16px}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.card{background:var(--card);border:1px solid var(--line);color:inherit;border-radius:10px;padding:16px;text-decoration:none;display:block}.card:hover{border-color:var(--accent)}.layout{grid-template-columns:minmax(260px,360px) 1fr;gap:16px;display:grid}@media (width<=800px){.layout{grid-template-columns:1fr}}form,.panel{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px}label{margin:12px 0 4px;font-weight:600;display:block}label:first-child{margin-top:0}input[type=number],input[type=text],input[type=email],textarea,select{border:1px solid var(--line);background:var(--bg);width:100%;color:inherit;font:inherit;border-radius:6px;padding:8px}textarea{resize:vertical;min-height:140px}.help{color:var(--muted);margin:2px 0 0;font-size:.85rem}.hp{position:absolute;left:-9999px}button{font:inherit;border:1px solid var(--line);background:var(--card);color:inherit;cursor:pointer;border-radius:8px;padding:10px 16px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}#view{background:var(--bg);border:1px solid var(--line);border-radius:8px;width:100%;height:min(60vh,520px);display:block}.status{min-height:1.3em;margin-top:8px;font-size:.9rem}.status.err{color:#d92d20}.status.ok{color:#12b76a}.rec{border:1px solid var(--line);border-radius:8px;margin:8px 0;padding:8px 12px 12px}.rec legend{padding:0 6px;font-weight:600}.rec label{margin:8px 0 2px}.rec button{margin-top:10px}
