:root{color:#142c36;background:#f3f6f7;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1500px;margin:auto;padding:0 36px}header{border-bottom:1px solid #dce5e8;justify-content:space-between;align-items:center;height:88px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand>b{color:#fff;background:#123f49;border-radius:10px;padding:13px;font-size:22px}.brand span{font-weight:700}.brand small{letter-spacing:2px;color:#75868b;margin-top:5px;font-size:10px;display:block}.header-right{align-items:center;gap:14px;display:flex}.badge,.pill{background:#e3ebed;border-radius:20px;padding:7px 12px;font-size:12px}.intro{justify-content:space-between;align-items:center;padding:32px 0 25px;display:flex}h1{letter-spacing:-1.3px;margin:8px 0;font-size:36px;font-weight:700}h2{font-size:21px;font-weight:700}h3{margin:25px 0 10px;font-size:16px;font-weight:700}.eyebrow{letter-spacing:2px;color:#5d7b82;font-size:11px;font-weight:700}.muted{color:#6e8087;font-size:14px;line-height:1.6}.identity{text-align:right;color:#688089;font-size:12px;line-height:1.7}.notice{background:#e9f0f2;border:1px solid #d5e2e5;border-radius:10px;margin:0 0 22px;padding:15px 18px;font-size:13px;line-height:1.6}.notice a{margin-left:7px;font-weight:700}.notice p{margin:5px 0 9px}.warning{background:#fff6e6;border-color:#efdfba}.danger{background:#fff0ed;border-color:#edc4bb}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin:23px 0;display:grid}.metrics article{background:#fff;border:1px solid #dce5e7;border-radius:12px;padding:23px}.metrics small{color:#6c838b;font-size:12px}.metrics strong{letter-spacing:-1px;margin:12px 0 9px;font-size:34px;display:block}.metrics span{color:#72858c;font-size:11px}.metrics .accent{color:#fff;background:#163f49}.metrics .accent small,.metrics .accent span{color:#c7dadd}.workspace{background:#fff;border:1px solid #dce5e7;border-radius:12px;overflow:hidden}.section-title{border-bottom:1px solid #e5edef;justify-content:space-between;align-items:center;padding:20px 23px;display:flex}.section-title span{color:#70838a;font-size:12px}.filters{gap:12px;padding:18px 23px;display:flex}.filters input{flex:1}input,select,textarea{color:#193844;background:#fff;border:1px solid #cbdade;border-radius:7px;padding:11px;font-size:13px}button{color:#1a4753;cursor:pointer;background:#fff;border:1px solid #cbdade;border-radius:7px;padding:9px 13px;font-size:12px;font-weight:700}button:hover{background:#eaf2f4}button:disabled{opacity:.5}.primary{color:#fff;background:#173f49}a{color:#12647a;text-decoration:underline}.table-wrap{max-height:650px;overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:13px}thead{background:#f5f8f9;position:sticky;top:0}th{text-transform:uppercase;letter-spacing:.8px;color:#6c8088;padding:16px 20px;font-size:10px}td{border-top:1px solid #e7eef0;padding:14px 20px}td small{color:#789098;margin-top:5px;font-size:11px;display:block}.pill.approve{color:#21764a;background:#e2f3e9}.pill.reject{color:#a43a31;background:#fbe6e3}.pill.pending{color:#8c621c;background:#fff1d5}.empty{padding:30px}.overlay{z-index:10;background:#092b3c80;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail{background:#fff;width:min(820px,100%);height:100%;padding:10px 28px 40px;overflow:auto;box-shadow:-10px 0 50px #122f3c30}.detail .section-title{padding:15px 0}.case-facts{grid-template-columns:repeat(2,1fr);gap:18px;padding:24px 0;display:grid}.case-facts small{color:#7a8e95;margin-bottom:5px;font-size:11px;display:block}.longtext{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.detail form label{margin:14px 0;font-size:12px;font-weight:700;display:block}.detail form select,.detail textarea{width:100%;margin-top:7px;display:block}.detail textarea{height:100px}.detail .check{align-items:center;gap:10px;font-weight:400;line-height:1.5;display:flex}.event{background:#f4f8f9;border-left:3px solid #bfd4d9;margin:12px 0;padding:12px 17px;font-size:13px}.event small{color:#6d858e;margin-top:7px;display:block}footer{color:#85979d;padding:30px 0;font-size:11px}@media (width<=850px){main{padding:0 16px}.metrics{grid-template-columns:repeat(2,1fr)}.intro{display:block}.identity{text-align:left;margin-top:15px}.filters{flex-wrap:wrap}.filters input{min-width:100%}h1{font-size:29px}.badge{display:none}.detail{padding:10px 18px 30px}}.date-filters{flex-wrap:wrap;align-items:end}.date-filters label{color:#617f89;font-size:11px}.date-filters input,.date-filters select{min-width:180px;margin-top:6px;display:block}.payroll{max-height:420px}tfoot td{background:#ecf3f5;font-weight:700}.notice button{margin-left:10px}.login{background:#fff;border:1px solid #dce5e7;border-radius:14px;max-width:540px;margin:70px auto;padding:32px}.login h2{margin-top:0}.login p{line-height:1.6}.signin-button{min-height:44px}