:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#263247;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.login-page{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;background:#fff}.login-copy{background:radial-gradient(circle at 75% 17%,#2a6cdc 0,#112b59 42%,#0d2144);color:#fff;padding:clamp(42px,8vw,110px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-copy:after{content:"";position:absolute;right:-130px;bottom:-160px;width:430px;height:430px;border-radius:50%;border:60px solid #ffffff0d}.login-brand,.app-brand{display:flex;align-items:center;gap:10px}.login-brand{position:absolute;top:38px;left:clamp(30px,7vw,94px)}.login-brand>span,.app-brand>span,.mobile-brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#3475ea;color:#fff;font-size:21px;font-weight:900}.login-brand b,.login-brand small,.app-brand b,.app-brand small{display:block}.login-brand small,.app-brand small{font-size:11px;color:#bcd0f4;margin-top:2px}.eyebrow{margin:0 0 8px;color:#6c88b7;font-size:11px;font-weight:800;letter-spacing:1.2px}.login-copy .eyebrow{color:#a9c4fb}.login-copy h1{font-size:clamp(42px,5vw,68px);line-height:1.06;margin:0 0 19px;letter-spacing:-2px}.login-copy>p:not(.eyebrow){max-width:500px;line-height:1.65;color:#d1e0fa;font-size:16px}.login-benefits{display:grid;gap:12px;margin-top:34px;color:#eaf2ff;font-size:14px;font-weight:650}.login-benefits span{display:flex;gap:9px}.login-card{display:flex;flex-direction:column;justify-content:center;width:min(430px,100%);margin:auto;padding:36px}.mobile-brand{display:none}.login-card h2{font-size:30px;margin:0 0 8px;color:#17305f}.muted{color:#738099;margin:0 0 26px;line-height:1.55}.login-card form{display:grid;gap:16px}.login-card label,.proof-label{display:grid;gap:7px;color:#3b4b67;font-size:12px;font-weight:800}.login-card input,.proof-label input{height:44px;padding:0 12px;border:1px solid #d8e1ef;border-radius:8px;font:inherit;color:#243550;background:#fff}.login-card input:focus,.proof-label input:focus{outline:2px solid #7ba9f855;border-color:#4d82dc}.primary{border:0;border-radius:8px;background:#2767d7;color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 6px 13px #2767d636}.primary:disabled{background:#aab7cb;box-shadow:none;cursor:wait}.wide{height:46px;margin-top:4px}.message{padding:12px 14px;border-radius:8px;margin:18px 0 0;font-size:13px;font-weight:650}.message.error{background:#fff0f1;color:#b42318}.message.success{background:#e8f7ee;color:#16713b}.login-foot{text-align:center;color:#8b97aa;font-size:12px;margin-top:28px}.delivery-app{min-height:100vh}.app-header{height:68px;background:#112b58;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(18px,6vw,88px);color:#fff;box-shadow:0 2px 9px #12264b24}.header-actions{display:flex;align-items:center;gap:16px}.user-chip{font-size:13px;color:#d5e4ff}.user-chip i{font-style:normal;color:#45d083;font-size:10px;margin-right:7px}.logout,.refresh{border:1px solid #d2def0;background:#fff;border-radius:7px;padding:9px 12px;color:#304867;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.logout{background:#ffffff12;color:#e3edff;border-color:#ffffff30}.app-main{width:min(1240px,100%);margin:auto;padding:34px 24px 56px}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:27px}.page-intro h1{font-size:32px;letter-spacing:-.7px;margin:0 0 7px;color:#1d3156}.page-intro p:not(.eyebrow){color:#71809a;margin:0;line-height:1.5}.refresh{display:flex;align-items:center;gap:7px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:24px}.metrics article{background:#fff;border:1px solid #e3eaf4;border-radius:12px;padding:19px;display:flex;align-items:center;gap:14px;box-shadow:0 5px 14px #253d670a}.metrics small{display:block;color:#72819a;font-size:10px;font-weight:800;letter-spacing:.8px;margin-bottom:4px}.metrics strong{font-size:26px;color:#23385d}.metric-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;font-size:20px;font-weight:800}.metric-icon.blue{color:#2767d7;background:#e9f0ff}.metric-icon.amber{color:#b76b12;background:#fff4df}.metric-icon.green{color:#15753a;background:#e5f6ea}.delivery-panel,.completed{background:#fff;border:1px solid #e3eaf4;border-radius:13px;padding:25px;box-shadow:0 5px 15px #253d670a}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:21px}.panel-heading h2{margin:0;color:#263a5d;font-size:21px}.panel-heading>span{border-radius:20px;background:#edf3ff;color:#3667bd;padding:7px 10px;font-size:11px;font-weight:800}.delivery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:17px}.delivery-card{border:1px solid #e1e8f2;border-radius:11px;padding:18px;display:grid;gap:14px}.card-top{display:flex;justify-content:space-between;gap:12px}.order-label,.info-row small{display:block;color:#7b8aa2;font-size:10px;font-weight:850;letter-spacing:.85px}.card-top h3{margin:4px 0 0;font-size:18px;color:#20365c}.amount{color:#1b4da8;font-size:20px;font-weight:850;border-bottom:1px solid #edf1f6;padding-bottom:12px}.badge{height:max-content;border-radius:20px;padding:6px 9px;font-size:10px;font-weight:800;white-space:nowrap}.badge.assigned{background:#e8f0ff;color:#245eba}.badge.on_route{background:#fff4df;color:#a6610d}.badge.delivered{background:#e5f7eb;color:#17753c}.badge.pending_assignment{background:#f0f2f7;color:#68758a}.info-row{display:grid;grid-template-columns:29px 1fr;gap:9px;align-items:start}.info-icon{width:28px;height:28px;display:grid;place-items:center;background:#eff4fc;color:#4776bd;border-radius:7px;font-size:15px}.info-row strong,.info-row span:not(.info-icon){display:block;font-size:13px;color:#31425d;margin-top:4px}.info-row span:not(.info-icon){font-size:12px;color:#75839b;margin-top:3px}.map-link{font-size:12px;font-weight:750;color:#2868d8;text-decoration:none;background:#f1f6ff;border-radius:7px;padding:10px}.action-button{width:100%;height:42px;display:flex;justify-content:center;align-items:center;gap:14px}.action-button span{font-size:18px}.empty-state{text-align:center;padding:55px 20px;color:#74839b}.empty-state span{font-size:37px}.empty-state h3{margin:10px 0 6px;color:#304463}.empty-state p{font-size:13px;margin:0}.completed{margin-top:24px}.completed-list{display:grid}.completed-row{display:grid;grid-template-columns:28px 1.3fr 1fr auto auto;gap:12px;align-items:center;border-top:1px solid #ecf0f5;padding:14px 0;color:#53647e;font-size:13px}.completed-row b{color:#31435f}.done-mark{display:grid;place-items:center;width:23px;height:23px;background:#e5f7eb;color:#18763b;border-radius:50%;font-weight:900}.completed-row .badge{justify-self:end}.proof-label{margin-top:-2px}.proof-label input{height:40px;font-size:12px;font-weight:400}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-copy{display:none}.login-card{min-height:100vh;padding:28px}.mobile-brand{display:flex;align-items:center;gap:9px;color:#17305f;font-weight:850;margin-bottom:52px}.app-header{padding:0 18px}.app-main{padding:25px 14px}.user-chip{display:none}.page-intro{align-items:start;flex-direction:column}.metrics{gap:10px}.metrics article{padding:13px;gap:8px}.metric-icon{width:34px;height:34px}.metrics strong{font-size:21px}.delivery-panel,.completed{padding:18px}.completed-row{grid-template-columns:24px 1fr auto}.completed-row>span:not(.badge):not(.done-mark){display:none}.completed-row .badge{grid-column:3}.login-card h2{font-size:27px}}@media(max-width:410px){.metrics{grid-template-columns:1fr}.metrics article{padding:14px}.header-actions{gap:8px}.logout{padding:8px}.delivery-grid{grid-template-columns:1fr}}