:root{color-scheme:light dark;--bg:#f4f6f3;--surface:#fff;--ink:#171918;--muted:#626962;--line:#d8ddd7;--green:#087e52;--gold:#a67606;--red:#b9382a}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;background:var(--bg);color:var(--ink)}body{margin:0}header{height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface)}header div{display:flex;gap:12px;align-items:baseline}header span,.muted{color:var(--muted);font-size:13px}button{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 12px;border-radius:5px;cursor:pointer}button.primary,form button{background:var(--ink);color:var(--surface);border-color:var(--ink)}button.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,var(--line))}nav{position:fixed;top:58px;bottom:0;width:184px;border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:6px;background:var(--surface)}nav button{text-align:left;border-color:transparent;background:transparent}nav button.active{background:color-mix(in srgb,var(--green) 12%,var(--surface));color:var(--green);font-weight:700}main{margin-left:184px;padding:28px;max-width:1180px}.hidden{display:none}.section-head{display:flex;align-items:center;justify-content:space-between}h1{font-size:23px;margin:0 0 22px}.list{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:1fr auto;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.row h2{font-size:16px;margin:0 0 6px}.row p{margin:3px 0;color:var(--muted);line-height:1.5}.actions{display:flex;gap:8px;align-items:center}.pill{font-size:12px;padding:3px 7px;border:1px solid var(--line);border-radius:999px}form{max-width:680px;display:grid;gap:16px}label{display:grid;gap:7px;font-size:13px;font-weight:650}label.inline{display:flex;align-items:center;font-weight:400}input,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:10px 12px}textarea{min-height:110px;resize:vertical}#status:not(:empty){padding:10px 12px;border-left:3px solid var(--green);margin-bottom:20px;background:var(--surface)}@media(max-width:700px){nav{position:static;width:auto;height:auto;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}main{margin:0;padding:20px}.row{grid-template-columns:1fr}.actions{flex-wrap:wrap}}
@media(prefers-color-scheme:dark){:root{--bg:#111312;--surface:#191c1a;--ink:#f0f3ef;--muted:#abb2ab;--line:#353a35;--green:#2bd798;--gold:#e1b84f;--red:#ffb4a9}}