:root{color:#18252d;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:flex}aside{color:#d8e7e8;background:#102f38;flex-direction:column;width:250px;padding:28px 18px;display:flex}.brand{align-items:center;gap:11px;padding:0 10px 36px;display:flex}.brand span{color:#16333a;background:#d5f36b;border-radius:11px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand strong{color:#fff;font-size:17px;display:block}.brand small{color:#93b4b6;margin-top:2px;font-size:11px;display:block}nav{gap:6px;display:grid}nav button{color:#b7ced0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:12px 13px;font-size:14px}nav button:hover,nav .active{color:#fff;background:#1d4b54}nav b{float:right;color:#16333a;background:#d5f36b;border-radius:10px;padding:1px 7px;font-size:11px}.user{border-top:1px solid #2a555d;align-items:center;gap:10px;margin-top:auto;padding:18px 8px 0;display:flex}.avatar{color:#18424b;background:#c8e8ec;border-radius:50%;place-items:center;width:33px;height:33px;font-size:12px;font-weight:700;display:grid}.user strong,.user small{display:block}.user strong{color:#fff;font-size:12px}.user small{color:#90b0b2;margin-top:2px;font-size:11px}main{flex:1;max-width:1500px;padding:42px 5vw}header{justify-content:space-between;align-items:flex-start;margin-bottom:34px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.7px;margin-bottom:7px;font-size:31px}h2{margin-bottom:5px;font-size:19px}h3{margin:25px 0 12px;font-size:14px}.eyebrow{letter-spacing:1.5px;color:#6f8c90;margin-bottom:7px;font-size:10px;font-weight:800}.muted{color:#789095;font-size:13px}.primary,.secondary{cursor:pointer;border:0;border-radius:8px;padding:11px 17px;font-weight:700}.primary{color:#fff;background:#1c6970}.primary:hover{background:#15565c}.secondary{color:#36535a;background:#e8eef0}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.stat,.panel{background:#fff;border:1px solid #e0e8ea;border-radius:12px}.stat{padding:17px 19px}.stat span{color:#789095;margin-bottom:8px;font-size:12px;display:block}.stat strong{font-size:27px}.panel{padding:22px}.panel-head{justify-content:space-between;align-items:start;margin-bottom:18px;display:flex}.panel-head input{border:1px solid #dce5e7;border-radius:7px;width:210px;padding:10px 12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#789095;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e4ebec;padding:11px 10px;font-size:11px}td{vertical-align:middle;border-bottom:1px solid #edf1f2;padding:15px 10px}td strong,td small{display:block}td small{color:#82979b;margin-top:3px}.pill{color:#587075;background:#edf2f2;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.pill.approved,.pill.completed{color:#267344;background:#e2f4e8}.pill.submitted,.pill.under_review{color:#946500;background:#fff1ce}.pill.rejected{color:#a13939;background:#fde7e7}.pill.returned{color:#6751a1;background:#e9e3fb}td select{color:#456267;background:#fff;border:1px solid #dce5e7;border-radius:6px;padding:7px}.empty{text-align:center;color:#809599;padding:42px}.notice{color:#246b47;background:#e6f4ee;border-radius:8px;margin:-16px 0 20px;padding:12px 15px;font-size:13px}.backdrop{background:#17343a66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(680px,100%);max-height:92vh;padding:27px;overflow:auto;box-shadow:0 20px 70px #102f3826}.modal-head{justify-content:space-between;margin-bottom:24px;display:flex}.modal h2{font-size:24px}.close{color:#7b9296;cursor:pointer;background:0 0;border:0;font-size:28px}.progress{align-items:center;margin-bottom:25px;display:flex}.progress span{color:#6c8589;background:#e5edef;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-weight:700;display:grid}.progress .current{color:#fff;background:#1c6970}.progress i{background:#dbe5e6;width:60px;height:1px}label{color:#4d686d;margin-bottom:15px;font-size:12px;font-weight:700;display:block}input,select,textarea{width:100%;font:inherit;color:#20373c;background:#fff;border:1px solid #d6e1e3;border-radius:7px;margin-top:6px;padding:10px 11px;font-weight:400;display:block}textarea{resize:vertical}.grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.upload{color:#28686e;border:1px dashed #a7c4c6;border-radius:8px;margin:18px 0;padding:15px;font-size:13px;font-weight:700}.upload small{color:#82999c;margin-top:3px;font-weight:400;display:block}.modal-actions{justify-content:flex-end;gap:8px;margin-top:23px;display:flex}@media (width<=800px){aside{width:70px;padding:20px 10px}.brand{padding:0 7px 30px}.brand div,nav button:not(.active){display:none}.brand span{margin:auto}.user{display:none}main{padding:28px 18px}header{display:block}.primary{margin-top:15px}.stats{grid-template-columns:1fr 1fr}.panel-head{display:block}.panel-head input{width:100%;margin-top:12px}.grid{grid-template-columns:1fr}}.loading{color:#698186;place-items:center;min-height:100vh;display:grid}.login-page{background:#edf3f4;place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border:1px solid #dce7e8;border-radius:14px;width:min(410px,100%);padding:34px;box-shadow:0 18px 50px #183c4514}.login-mark{color:#16333a;background:#d5f36b;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:26px;font-size:20px;font-weight:800;display:grid}.login-card h1{font-size:28px}.error{color:#9b3838;background:#fde7e7;border-radius:7px;margin:15px 0;padding:10px 12px;font-size:13px}.logout{color:#9ab7b9;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:11px}.logout:hover{color:#fff}