:root{--navy:#081f38;--navy2:#12395e;--maroon:#6f1631;--bg:#f4f7fa;--line:#dfe6ed;--text:#17212b;--muted:#667585;--green:#176b4b;--amber:#8a5b08}*{box-sizing:border-box}body{margin:0;font:14px/1.45 Arial,sans-serif;color:var(--text);background:var(--bg)}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:22px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px;border-bottom:1px solid #ffffff25}.brand img{width:48px;background:#fff;border-radius:6px;padding:4px}.brand small,.userbox small{display:block;color:#c2cfda}.sidebar nav{padding:20px 0;flex:1}.sidebar nav a{display:block;color:#dce7f1;text-decoration:none;padding:11px 13px;border-radius:7px;margin:3px 0}.sidebar nav a:hover,.sidebar nav a.active{background:#fff;color:var(--navy)}.userbox{border-top:1px solid #ffffff25;padding:18px 8px 0}.userbox a{color:#fff;display:block;margin-top:10px}.top{height:96px;background:#fff;border-bottom:1px solid var(--line);padding:19px 30px;display:flex;justify-content:space-between;align-items:center}.top h1{margin:2px 0;font-size:23px}.top small{color:var(--muted)}.role,.badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:5px 10px;background:#fff}.content{padding:28px;max-width:1500px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.metric{font-size:29px;font-weight:700;color:var(--navy);margin-top:8px}.muted{color:var(--muted)}.panel{margin-top:18px}.panel h2{font-size:17px;margin:0 0 15px}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:12px}th,td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}a{color:var(--navy2)}.btn{display:inline-block;border:0;border-radius:6px;padding:9px 13px;background:var(--navy);color:#fff;text-decoration:none;cursor:pointer}.btn.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn.maroon{background:var(--maroon)}.filters,.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.form-grid.two{grid-template-columns:repeat(2,1fr)}label{font-weight:600;font-size:12px}input,select,textarea{width:100%;padding:10px;border:1px solid #cfd8e1;border-radius:6px;background:#fff;margin-top:5px}textarea{min-height:100px}.actions{display:flex;gap:8px;align-items:end}.flash{padding:12px 14px;background:#eaf7f1;color:var(--green);border-radius:7px;margin-bottom:15px}.status{font-size:12px;font-weight:700;text-transform:capitalize}.status.approved,.status.recommended_approval{color:var(--green)}.status.rejected,.status.recommended_rejection{color:#a02727}.status.under_review,.status.head_office_review{color:var(--amber)}@media(max-width:900px){.shell{display:block}.sidebar{min-height:auto}.grid,.filters,.form-grid,.form-grid.two{grid-template-columns:1fr}.top{padding:15px}.content{padding:15px}table{display:block;overflow:auto}}