:root{font-family:system-ui,sans-serif;color:#172d32;background:#f2f6f5;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#103e37;color:white;padding:24px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}header strong{font-size:25px;letter-spacing:3px}header span{display:block;color:#b5d5cd;margin-top:5px}.tag{font-size:11px;letter-spacing:1px;background:#326354;padding:8px 12px;border-radius:6px}main{max-width:1200px;margin:28px auto;padding:0 22px}h1{font-size:30px;letter-spacing:-1px}h2{font-size:21px}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}nav form{margin-left:auto}a{color:#12634d;font-weight:650}section{background:white;border:1px solid #dce6e2;border-radius:12px;padding:25px;margin:22px 0;box-shadow:0 5px 18px #103e3705}.login{max-width:470px;margin:60px auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}label{display:block;font-size:14px;font-weight:600;margin:12px 0}input,select,textarea{display:block;width:100%;padding:11px;border:1px solid #bbcfc7;border-radius:6px;font:inherit;background:white;margin-top:7px;color:#172d32}textarea{min-height:100px}button{background:#12634d;border:0;border-radius:6px;color:white;padding:12px 20px;font:inherit;font-weight:600;cursor:pointer}.secondary{background:#e0ece6;color:#214b3b}button:hover{filter:brightness(.9)}input:focus,select:focus,textarea:focus{outline:2px solid #239675;outline-offset:2px}.muted,small{color:#647d75}small{display:block;margin-top:5px;font-size:12px}.error{background:#fee7e2;color:#812b1e;padding:15px;border-radius:6px}.success{background:#d9f4e6;padding:15px}.search{display:flex;gap:14px;align-items:end}.search label{flex:1;margin:0}.table{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:12px;color:#667e74;text-transform:uppercase;letter-spacing:1px}td,th{padding:16px 10px;border-bottom:1px solid #e5ece8}.pill{display:inline-block;background:#edf5f0;border-radius:5px;padding:5px 8px;white-space:nowrap;font-size:13px}.late{color:#b64020;font-weight:700}article{border-top:1px solid #e5ece8;padding:18px 0}.note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}footer{text-align:center;padding:30px;color:#647d75;font-size:12px}@media(max-width:650px){.grid{grid-template-columns:1fr}header{align-items:start;flex-direction:column}nav{gap:12px;font-size:13px}nav form{margin-left:0}section{padding:18px}main{padding:0 14px}.search{align-items:stretch;flex-direction:column}h1{font-size:25px}}