:root{font-family:system-ui,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1040px;margin:auto;padding:28px 18px}.top{background:#172033;color:white}.top .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:14px}.brand{font-weight:800}nav a{color:#fff;margin-left:14px;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.card,form{background:#fff;border:1px solid #dde3ef;border-radius:10px;padding:20px;margin:16px 0;box-shadow:0 2px 8px #1720330b}.metric{font-size:2rem;font-weight:750;color:#1455a0}label{display:block;font-weight:650;margin-top:12px}input,select,textarea,button{width:100%;padding:10px;margin-top:5px;border:1px solid #b9c4d6;border-radius:6px;font:inherit}button{width:auto;background:#1455a0;color:#fff;border:0;font-weight:700;cursor:pointer;margin-top:16px}.danger{background:#a12626}.muted{color:#596579}.flash{background:#dff5e5;border:1px solid #8ed4a2;padding:12px;border-radius:7px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #e5e9f0;text-align:left;vertical-align:top}.status{font-weight:700;text-transform:capitalize}small{color:#596579}@media(max-width:600px){table{font-size:.85rem}.top .wrap{display:block}nav a{margin:8px 10px 0 0;display:inline-block}}
:root{font-family:system-ui,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1040px;margin:auto;padding:28px 18px}.top{background:#172033;color:white}.top .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:14px}.brand{font-weight:800}nav a{color:#fff;margin-left:14px;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.card,form{background:#fff;border:1px solid #dde3ef;border-radius:10px;padding:20px;margin:16px 0;box-shadow:0 2px 8px #1720330b}.metric{font-size:2rem;font-weight:750;color:#1455a0}label{display:block;font-weight:650;margin-top:12px}input,select,textarea,button{width:100%;padding:10px;margin-top:5px;border:1px solid #b9c4d6;border-radius:6px;font:inherit}button{width:auto;background:#1455a0;color:#fff;border:0;font-weight:700;cursor:pointer;margin-top:16px}.danger{background:#a12626}.muted{color:#596579}.flash{background:#dff5e5;border:1px solid #8ed4a2;padding:12px;border-radius:7px}.warning{background:#fff4d6;border:1px solid #e0b74d;padding:12px;border-radius:7px;color:#5d4300}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #e5e9f0;text-align:left;vertical-align:top}.status{font-weight:700;text-transform:capitalize}small{color:#596579}.calendar{background:#fff;border:1px solid #dde3ef;border-radius:10px;overflow:hidden}.weekdays,.days{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays{background:#eaf0fa;font-weight:700}.weekdays span{padding:9px;border-right:1px solid #d7dfec}.day{min-height:105px;padding:8px;border-right:1px solid #e3e8f1;border-top:1px solid #e3e8f1}.day.outside{background:#f7f8fb;color:#7d8796}.day ul{padding-left:17px;margin:6px 0;font-size:.82rem}@media(max-width:600px){table{font-size:.85rem}.top .wrap{display:block}nav a{margin:8px 10px 0 0;display:inline-block}.calendar{overflow-x:auto}.weekdays,.days{min-width:700px}}