:root{color:#121212;background:#f4f4f1;font-family:ui-sans-serif,system-ui,sans-serif}body{margin:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0b57d0;outline-offset:2px}.skip{position:absolute;left:-999px;top:8px}.skip:focus{left:16px;background:#fff;padding:8px;z-index:2}.shell{max-width:1100px;margin:0 auto;padding:24px}.kicker{margin:0;color:#555;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.top{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;justify-content:space-between}.top h1{margin:0;flex:1 1 auto}.layout{display:grid;grid-template-columns:200px 1fr;gap:24px;margin-top:24px}nav{display:flex;flex-direction:column;gap:8px}nav a{color:#121212;text-decoration:none;padding:6px 8px;border-radius:4px}nav a.active{font-weight:600;background:#e7e7e2}.login,section{background:#fff;border:1px solid #ccc;padding:16px}.login form,.filters{display:grid;gap:8px;max-width:360px}.filters{grid-template-columns:auto 1fr;align-items:center;margin-bottom:16px;max-width:520px}label{font-weight:600}input,select,button{font:inherit;padding:8px}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.65}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.erase{display:grid;gap:4px;min-width:220px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;list-style:none;padding:0}.cards li{border:1px solid #ddd;padding:12px}.cards span{display:block;color:#555;font-size:13px}.cards strong{font-size:24px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #ddd;padding:8px;vertical-align:top}caption{caption-side:top;text-align:left;margin-bottom:8px;color:#444}.status,.empty{color:#444}.error{color:#8b1a1a;border:1px solid #e0b4b4;background:#fff5f5;padding:8px 12px}@media(max-width:720px){.layout{grid-template-columns:1fr}nav{flex-direction:row;flex-wrap:wrap}}