:root{color:#202428;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f5f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,.button{color:#fff;cursor:pointer;background:#235a88;border:1px solid #235a88;border-radius:4px;justify-content:center;align-items:center;min-height:42px;padding:.55rem .85rem;text-decoration:none;display:inline-flex}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #efb700}button:disabled{opacity:.6;cursor:wait}button.secondary,.button.secondary{color:#202428;background:#fff;border-color:#aab0b5}button.danger{background:#a32626;border-color:#a32626}a{color:#174f80}h1{margin:0;font-size:1.7rem}h2{margin-top:0;font-size:1.15rem}p{line-height:1.45}label{gap:.35rem;font-weight:600;display:grid}input,select,textarea{color:#202428;background:#fff;border:1px solid #8a9197;border-radius:3px;width:100%;min-height:42px;padding:.55rem}textarea{resize:vertical;min-height:90px}.app-shell{grid-template-rows:58px 1fr;grid-template-columns:210px 1fr;min-height:100vh;display:grid}.topbar{color:#fff;background:#20262c;grid-column:1/-1;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.brand{color:#fff;font-size:1.15rem;font-weight:700;text-decoration:none}.odometer{font-variant-numeric:tabular-nums;margin-left:auto}.menu-button{display:none}.sidebar{background:#e6e9eb;border-right:1px solid #c8cdd1;grid-row:2;padding:1rem .75rem}.sidebar nav{gap:.25rem;display:grid}.sidebar a{color:#202428;border-radius:3px;padding:.65rem .75rem;text-decoration:none}.sidebar a.active{color:#fff;background:#235a88}main{min-width:0;padding:1.5rem}.page-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.page-heading p{color:#646b70;margin:.25rem 0 0}.filters{background:#fff;border:1px solid #d4d8db;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem;padding:1rem;display:grid}.records{overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid #d9dde0;padding:.7rem}th{white-space:nowrap;background:#e9ecee}.record-cards{display:none}.record-form{background:#fff;border:1px solid #d4d8db;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:900px;padding:1rem;display:grid}.record-form .checkbox,.record-form .form-actions,.record-form .warning,.record-form [role=status]{grid-column:1/-1}.record-form label:has(textarea){grid-column:1/-1}.checkbox{align-items:center;gap:.5rem;display:flex}.checkbox input{width:22px;min-height:22px}.form-actions{gap:.75rem;margin-top:1rem;display:flex}.detail-list{background:#fff;border:1px solid #d4d8db;max-width:850px;margin:0;padding:1rem}.detail-list>div:not(.form-actions){border-bottom:1px solid #e2e5e7;grid-template-columns:minmax(140px,1fr) 2fr;gap:1rem;padding:.6rem 0;display:grid}.detail-list dt{font-weight:700}.detail-list dd{white-space:pre-wrap;margin:0}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.metric{background:#fff;border:1px solid #d4d8db;padding:1rem}.metric span{color:#5f676c;display:block}.metric strong{font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:1.5rem;display:block}.dashboard-columns{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.panel{background:#fff;border:1px solid #d4d8db;padding:1rem}.empty{color:#697177;background:#fff;border:1px solid #d4d8db;padding:1rem}.error,.warning{background:#fff0f0;border-left:4px solid #a32626;padding:.75rem}.warning{background:#fff7dd;border-color:#b06d00}.quick-button{position:fixed;bottom:1rem;right:1rem;box-shadow:0 3px 10px #0004}.modal-backdrop{background:#0008;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal,dialog{background:#fff;border:1px solid #777;width:min(420px,100%);padding:1.25rem}.modal{gap:.65rem;display:grid}dialog::backdrop{background:#0008}.login-page,.centered{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:#fff;border:1px solid #c7ccd0;gap:1rem;width:min(380px,100%);padding:1.5rem;display:grid}@media (width<=720px){.app-shell{display:block}.topbar{z-index:2;position:sticky;top:0}.menu-button{display:inline-flex}.brand{font-size:1rem}.odometer{font-size:.85rem}.sidebar{z-index:3;border-bottom:1px solid #999;display:none;position:fixed;inset:58px 0 auto}.sidebar.open{display:block}main{padding:1rem}.filters,.record-form,.dashboard-columns{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}table{display:none}.record-cards{gap:.75rem;display:grid}.record-cards article{background:#fff;border:1px solid #d4d8db;padding:.9rem}.record-cards p{margin:0 0 .4rem}.record-cards strong{display:block}.detail-list>div:not(.form-actions){grid-template-columns:1fr;gap:.2rem}}@media (width<=430px){.topbar{gap:.5rem;padding-inline:.6rem}.topbar .secondary{padding-inline:.55rem}.metric-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}}