:root{font-family:Inter,system-ui,sans-serif;color:#182230;background:#f4f7fb;line-height:1.45}*{box-sizing:border-box}body{margin:0}header{background:#102a43;color:white;padding:0 5vw;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.15rem;font-weight:800;color:white;text-decoration:none}nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}nav a,.link{color:#d9e8f5;background:none;border:0;text-decoration:none;padding:0;font:inherit;cursor:pointer}main{max-width:1200px;margin:32px auto;padding:0 20px}h1{margin:0 0 24px}.card,.stats article{background:white;border:1px solid #dce5ee;border-radius:12px;padding:22px;box-shadow:0 3px 12px #183b5610;margin-bottom:24px}summary{font-size:1.1rem;font-weight:700;cursor:pointer;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wide{grid-column:span 2}.stack{display:grid;gap:16px}label{font-size:.85rem;font-weight:700;color:#52606d}input,select{display:block;width:100%;padding:10px 12px;margin-top:5px;border:1px solid #bcccdc;border-radius:7px;background:white;font:inherit}button{border:0;border-radius:7px;background:#147d92;color:white;padding:11px 18px;font-weight:700;cursor:pointer}.danger{background:#b42318;padding:7px 10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats article{display:grid}.stats span{color:#66788a}.stats strong{font-size:1.8rem;margin-top:8px}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e5ebf0;white-space:nowrap}th{color:#52606d;font-size:.8rem;text-transform:uppercase}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:800}.ok{background:#d9f5e4;color:#146c43}.service-soon{background:#fff0c2;color:#8a5300}.service-due{background:#ffd9d7;color:#a61b16}.flash{padding:12px 16px;border-radius:8px;margin-bottom:18px}.flash.ok{background:#d9f5e4}.flash.error{background:#ffd9d7}.login{max-width:420px;margin:8vh auto}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.filter{display:flex;max-width:340px;gap:10px;margin-bottom:20px}.filter input{margin:0}@media(max-width:750px){header{padding:14px 20px;align-items:flex-start;flex-direction:column}nav{gap:12px}.grid,.stats,.columns{grid-template-columns:1fr}.wide{grid-column:auto}main{margin-top:22px}}