:root{--ink:#14181d;--ink-muted:#5b6670;--line:#d8dee4;--surface:#ffffff;--canvas:#f5f7f9;--accent:#0f5c8c;--danger:#a3271f;--touch-target:44px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--canvas);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}main{max-width:72rem;margin:0 auto;padding:1.5rem 1rem 4rem}h1{font-size:1.75rem;margin:0 0 .25rem}.muted{color:var(--ink-muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1.25rem;margin-bottom:1.5rem}label{display:block;font-weight:600;margin-bottom:.25rem}button,input,select{font:inherit;min-height:var(--touch-target);border-radius:8px;border:1px solid var(--line);padding:.5rem .75rem}input,select{width:100%;background:var(--surface);color:var(--ink)}button{background:var(--accent);color:#fff;border-color:transparent;cursor:pointer;padding-inline:1.25rem}button:hover{filter:brightness(1.08)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.field-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));align-items:end}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--line)}th{font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em}.empty,th{color:var(--ink-muted)}.empty{padding:2rem 1rem;text-align:center}.error{color:var(--danger);font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.inline-form{display:flex;gap:.5rem;align-items:center}.inline-form input{max-width:8rem}a{color:var(--accent)}