:root{font-family:Arial,sans-serif;color:#172c40;background:#f3f6fa;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#102b43;color:white;padding:22px 5%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:14px;font-weight:bold;letter-spacing:1px}.brand span:not(.mark){display:block;font-size:12px;margin-top:6px;color:#b8cddd}.mark{background:#28b5b0;color:#102b43;padding:10px 16px;font-size:25px}main{max-width:1180px;margin:auto;padding:40px 24px}h1{font-size:32px;letter-spacing:-.8px;margin:12px 0}p{line-height:1.55}.eyebrow{font-size:13px;letter-spacing:2px;color:#287475;font-weight:bold}.login{max-width:460px;background:white;padding:32px;margin:30px auto;border:1px solid #dbe3ed;border-radius:12px}.login h1{font-size:38px}.muted,footer{color:#526579;font-size:14px}label{display:block;margin:16px 0 8px;font-size:14px;font-weight:bold}input,select,button{font:inherit;border-radius:6px;padding:12px;border:1px solid #b9c8d7}input,select{width:100%;background:white;color:#172c40}button{cursor:pointer;background:white;color:#12354a}.primary{width:100%;background:#136d70;color:white;border:0;margin:24px 0 4px}button:disabled{opacity:.6}#message{text-align:center;color:#9b321c}.title{display:flex;justify-content:space-between;align-items:center;gap:16px}.tag{border:1px solid #b9c8d7;padding:8px 12px;font-size:14px;border-radius:30px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.metric{background:white;border:1px solid #dbe3ed;border-top:4px solid #18797d;padding:22px;border-radius:8px}.metric strong{display:block;font-size:38px;margin-bottom:8px}.metric span{font-size:14px}aside{border-left:4px solid #bb6923;background:#fff5e9;padding:20px 24px}aside p{margin:8px 0}.filters{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}details{background:white;border:1px solid #dbe3ed;border-radius:8px;margin:12px 0}summary{padding:20px;cursor:pointer;font-weight:bold;line-height:1.5}summary small{display:block;color:#637387;font-weight:normal}.matter{padding:20px;border-top:1px solid #e1e7ee}.dates{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dates span{font-size:13px;color:#526579;display:block;margin-bottom:6px}.note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.age{color:#a74618;font-size:14px}footer{margin-top:32px;border-top:1px solid #cbd7e3;padding-top:16px}[hidden]{display:none!important}:focus-visible{outline:3px solid #16a4b0;outline-offset:3px}@media(max-width:650px){main{padding:24px 16px}.metrics{grid-template-columns:1fr}.filters,.dates{grid-template-columns:1fr 1fr}.title{display:block}h1{font-size:26px}.login{padding:24px}.tag{display:inline-block}.brand{font-size:12px}header{padding:16px;gap:10px}#logout{font-size:13px;padding:8px}}