*{box-sizing:border-box}body{margin:0;background:#f3f7ff;color:#172b4d;font:15px/1.55 system-ui,sans-serif}a{color:inherit}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#174b91;color:#fff;padding:32px 20px;overflow:auto}.brand{font-size:21px;font-weight:850;letter-spacing:-.7px;text-decoration:none}.brand span{display:block;font-size:10px;letter-spacing:2.2px;font-weight:500;margin-top:8px;color:#c3d8f7}nav{display:grid;gap:6px;margin:40px 0 28px}nav a{padding:12px 14px;text-decoration:none;border-radius:8px;color:#dfebff}nav a:hover,nav a[aria-current=page]{background:#2563c7;color:white}.legacy{display:block;font-size:12px;color:#c3d8f7;margin:16px 10px}main{max-width:1600px;margin-left:240px;padding:40px clamp(20px,4vw,60px)}header{display:flex;align-items:center;justify-content:space-between;gap:24px}h1{font-size:clamp(30px,3vw,44px);letter-spacing:-1.7px;line-height:1.15;margin:12px 0}header p{margin:12px 0;color:#5d708a}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px}button,.action{border:1px solid #cad7e9;background:white;border-radius:8px;padding:11px 16px;min-height:44px;color:#174b91;cursor:pointer;font:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.action{background:#174b91;color:white;border:none;font-weight:650}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0}.metric{background:white;border:1px solid #dce5f2;border-radius:12px;padding:20px;text-decoration:none}.metric strong{display:block;font-size:32px;line-height:1.2;margin-bottom:10px}.metric span{font-size:12px;color:#5e7190}.metric.active{border:2px solid #185adb;padding:19px}.filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end;background:#fff;padding:20px;border-radius:12px;margin-bottom:20px}label{font-size:12px;color:#586e8e;display:grid;gap:7px}label:first-child{flex:1;min-width:200px}input,select{font:inherit;color:#172b4d;min-height:44px;background:#fff;border:1px solid #cad7e9;border-radius:6px;padding:10px;min-width:130px}#content{display:grid;gap:14px}.record{background:white;border:1px solid #dce5f2;border-radius:12px;padding:24px;display:grid;grid-template-columns:1.1fr 1fr auto;gap:18px;align-items:center}.record h2{font-size:19px;margin:8px 0;letter-spacing:-.4px}.record p{margin:5px 0;overflow-wrap:anywhere}.record small,.muted{color:#687a94;font-size:12px}.badge{font-size:10px;letter-spacing:.8px;text-transform:uppercase;font-weight:750;display:inline-block;padding:5px 9px;border-radius:5px;background:#edf2fa}.badge.pending{background:#fff0d6;color:#895319}.badge.approved{background:#e3f2e8;color:#25643c}.badge.callback{background:#e7eafb;color:#454f8a}.badge.review{background:#ffe6e2;color:#983d2d}.actions{display:flex;gap:10px;flex-wrap:wrap;max-width:220px}.tracking{background:white;border:1px solid #dce5f2;border-radius:12px;padding:24px;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #e2e9f4}th{font-size:12px;color:#607494}h2{letter-spacing:-.6px}.bar{height:5px;background:#e6edfa;margin-top:8px;width:140px}.bar i{display:block;height:5px;background:#185adb}footer{font-size:12px;color:#687d99;margin-top:36px;max-width:850px}.empty{padding:50px;background:white;text-align:center;border-radius:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #185adb;outline-offset:3px}@media(max-width:1050px){aside{width:200px}main{margin-left:200px;padding:28px 20px}.metrics{grid-template-columns:repeat(3,1fr)}.record{grid-template-columns:1fr 1fr}.actions{grid-column:1/-1;max-width:none}}@media(max-width:700px){aside{position:static;width:auto;padding:20px}.brand span{display:inline;margin-left:16px}nav{display:flex;overflow:auto;gap:5px;margin:20px 0 0}nav a{white-space:nowrap;font-size:12px}.legacy{display:none}main{margin:0;padding:25px 16px}header{align-items:start}header button{font-size:12px}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:16px}.metric.active{padding:15px}.record{grid-template-columns:1fr;padding:20px;gap:14px}.filters{gap:12px;padding:16px}.filters label{flex:1;min-width:120px}.filters label:first-child{flex-basis:100%}.tracking{padding:18px}.brand{font-size:18px}.brand span{font-size:8px}h1{letter-spacing:-1px}}

.action{background:#185adb}.action:hover{background:#174b91}button:hover{background:#edf3ff}.metric:hover{border-color:#185adb}.metric.active{background:#edf3ff}nav a[aria-current=page]{box-shadow:inset 3px 0 #b8d5ff}