:root{font-family:system-ui,sans-serif;color:#18212f;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{background:#13233d;color:white;padding:1rem max(1rem,5vw);display:flex;justify-content:space-between;align-items:center}nav,nav form{display:flex;gap:1rem;align-items:center}a{color:#2371d1}header a{color:white}main{max-width:1200px;margin:2rem auto;padding:0 1rem}.card{background:white;border:1px solid #dbe2ea;border-radius:10px;padding:1.25rem;margin-bottom:1.5rem}.narrow{max-width:420px;margin:5rem auto}label{display:grid;gap:.35rem;font-weight:600}input,button{font:inherit;padding:.55rem .7rem;border:1px solid #b8c3d1;border-radius:6px}button{cursor:pointer;background:white}.primary{background:#1769cf;color:white;border-color:#1769cf}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem;align-items:end}.table-wrap{overflow:auto;background:white;border-radius:10px;border:1px solid #dbe2ea}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.8rem;border-bottom:1px solid #e3e8ef;white-space:nowrap}.inline{display:inline-flex;gap:.4rem;align-items:center;margin:.2rem}.inline input[type=number]{width:5rem}.pill{padding:.2rem .5rem;border-radius:20px;font-size:.85rem}.pill.on{background:#d8f5e4;color:#126331}.pill.off{background:#fde0e0;color:#852222}.flash{padding:.8rem;border-radius:6px;margin-bottom:1rem}.flash.success{background:#d8f5e4}.flash.error{background:#fde0e0}summary{font-weight:700;cursor:pointer}@media(max-width:600px){header{align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end}h1{font-size:1.6rem}}