@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--blue:#2287e5;--blue-secondary:#57b4ff;--blue-soft:#57b4ff24;--blue-gradient:linear-gradient(135deg, #3d9cf5 0%, #2287e5 45%, #1462c6 100%);--blue-ink:#14538d;--action:#17b26a;--action-dark:#0f8a50;--action-soft:#17b26a1f;--action-shadow:#0f8a5042;--request:#ea6a0a;--request-dark:#b4530a;--green:#16a34a;--green-soft:#16a34a1f;--warning:#f59e0b;--danger:#dc2626;--ink:#1d2939;--body-text:#475467;--muted:#667085;--line:#e7edf4;--surface:#fff;--surface-rgb:255, 255, 255;--canvas:#f5f8fc;--radius-card:16px;--radius-action:12px;--radius-chip:10px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--ink);background:var(--canvas);font-synthesis:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--blue:#4aa8ff;--blue-secondary:#78c5ff;--blue-soft:#4aa8ff29;--blue-gradient:linear-gradient(135deg, #2e7fcb 0%, #1f63a8 50%, #174a80 100%);--blue-ink:#9fceff;--action:#25c97a;--action-dark:#12965a;--action-soft:#25c97a29;--action-shadow:#12965a61;--request:#f97d1c;--request-dark:#c25a0c;--green:#35c66b;--green-soft:#35c66b24;--warning:#fbbf24;--danger:#ff6b6b;--ink:#f2f6fa;--body-text:#d0d8e2;--muted:#aab6c5;--line:#334155;--surface:#1b2533;--surface-rgb:27, 37, 51;--canvas:#101720}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button,input,select,textarea{font:inherit}button{cursor:pointer}body{overscroll-behavior-y:contain;min-width:320px;min-height:100vh;color:var(--body-text);background:var(--canvas)}#root{min-height:100vh}.app-container{background:var(--canvas);width:100%;max-width:430px;min-height:100vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 30px #1d29391a}.main-content{min-height:100vh;padding-bottom:calc(82px + var(--safe-bottom))}.subscreen-content{padding-bottom:0}.network-banner{z-index:60;width:100%;max-width:430px;padding:calc(10px + var(--safe-top)) 16px 10px;color:#fff;background:var(--danger);align-items:center;gap:12px;animation:.25s ease-out network-banner-in;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #dc262659}.network-banner>span{flex-direction:column;gap:2px;min-width:0;display:flex}.network-banner strong{font-size:14px;font-weight:800;line-height:1.2}.network-banner small{opacity:.92;font-size:12px;font-weight:600;line-height:1.3}@keyframes network-banner-in{0%{transform:translate(-50%,-100%)}to{transform:translate(-50%)}}.screen{padding:calc(24px + var(--safe-top)) 18px 24px}h1,h2,h3{color:var(--ink);letter-spacing:-.035em}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:700}.blue-text{color:var(--blue)}.success-text{color:var(--green)!important}.page-header{margin:calc(-24px - var(--safe-top)) -18px 18px;padding:calc(24px + var(--safe-top)) 18px 20px;color:#fff;background:var(--blue);background-image:var(--blue-gradient);justify-content:space-between;align-items:center;display:flex}.page-header h1{color:#fff;font-size:24px;line-height:1.15}.page-header p{color:#ffffffd1;margin-top:3px;font-size:13px}.page-header .plain-icon-button{color:#fff}.page-header .plain-icon-button:active{background:#ffffff24}.job-header-actions{align-items:center;gap:5px;display:flex}.header-special-request{color:#fff;background:var(--request);border-radius:var(--radius-chip);min-height:52px;box-shadow:0 4px 0 var(--request-dark);white-space:nowrap;border:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:800;display:flex}.header-special-request:active{box-shadow:none;transform:translateY(3px)}.job-search{min-height:52px;color:var(--blue);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-action);align-items:center;gap:10px;margin:12px 0 4px;padding:0 14px;display:flex;box-shadow:0 2px 8px #0f172a0d}.job-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px;font-weight:600}.job-search input::placeholder{color:var(--muted);font-weight:500}.job-search input::-webkit-search-cancel-button{display:none}.job-search-clear{width:32px;height:32px;color:var(--muted);background:var(--canvas);border:0;border-radius:50%;place-items:center;display:grid}.plain-icon-button{width:54px;height:54px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.plain-icon-button:active{background:var(--blue-soft)}.primary-button{color:#fff;background:var(--action);border-radius:var(--radius-action);letter-spacing:-.01em;width:100%;min-height:70px;box-shadow:0 5px 0 var(--action-dark), 0 11px 18px var(--action-shadow);border:0;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:19px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:flex}.primary-button:active{box-shadow:0 0 0 var(--action-dark), 0 3px 8px var(--action-shadow);transform:translateY(5px)}.primary-button:disabled{color:var(--muted);background:var(--line);box-shadow:none;cursor:default;transform:none}.secondary-button{min-height:66px;color:var(--action);background:var(--surface);border:2.5px solid var(--action);border-radius:var(--radius-action);box-shadow:0 4px 0 var(--action-soft);justify-content:center;align-items:center;gap:9px;padding:14px 18px;font-size:17px;font-weight:800;display:flex}.secondary-button:active{box-shadow:none;transform:translateY(4px)}.button-success{background:var(--action);box-shadow:0 5px 0 var(--action-dark), 0 11px 18px var(--action-shadow)}.button-muted{color:var(--body-text);background:var(--action-soft);box-shadow:none}.button-danger{color:#fff;background:var(--danger);box-shadow:0 5px #991b1b,0 11px 18px #dc262642}.button-danger:active{box-shadow:0 0 #991b1b,0 3px 8px #dc262642}.attendance-actions{gap:10px;margin-bottom:14px;display:grid}.attendance-actions .button-muted:disabled{color:var(--body-text);background:var(--action-soft);opacity:1}.clock-out-button{color:#fff;background:var(--danger);border-radius:var(--radius-action);border:0;justify-content:center;align-items:center;gap:9px;width:100%;min-height:64px;font-size:17px;font-weight:800;display:flex;box-shadow:0 8px 18px #dc262633}.clock-out-button:active{background:#b91c1c;transform:translateY(1px)}.clocked-out-status{min-height:54px;color:var(--muted);background:var(--line);border-radius:var(--radius-action);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.duty-card{text-align:left;width:100%;color:var(--ink);background:var(--surface);border:0;border-left:4px solid var(--line);border-radius:var(--radius-card);gap:10px;margin-bottom:14px;padding:12px 14px 13px;display:grid;position:relative;overflow:hidden;box-shadow:0 3px 10px #0f172a12}.duty-card.tone-good{border-left-color:var(--green)}.duty-card.tone-done{border-left-color:var(--blue)}.duty-card:active{transform:translateY(2px)}.duty-head{grid-template-columns:40px minmax(0,1fr) auto 20px;align-items:center;gap:10px;display:grid}.duty-dot{width:40px;height:40px;color:var(--muted);background:var(--line);border-radius:50%;place-items:center;display:grid}.duty-card.tone-good .duty-dot{color:#fff;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.duty-card.tone-done .duty-dot{color:#fff;background:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.duty-copy{min-width:0}.duty-copy strong{font-size:16px;display:block}.duty-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;margin-top:2px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.duty-head>svg{color:var(--muted)}.duty-times{border-top:1px solid var(--line);align-items:flex-end;gap:8px;padding:10px 2px 0;display:flex}.duty-punch{background:var(--canvas);border-radius:10px;flex-direction:column;gap:1px;min-width:68px;padding:6px 10px;display:flex}.duty-punch i{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:4px;font-size:10px;font-style:normal;font-weight:800;display:flex}.duty-punch b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px;font-weight:900}.duty-punch.in{background:var(--green-soft)}.duty-punch.in i{color:#0b6b3a}.duty-punch.out{background:var(--blue-soft)}.duty-punch.out i{color:var(--blue)}.duty-punch.hours i{color:var(--muted)}.duty-note{color:var(--muted);text-align:right;align-items:center;gap:5px;margin-left:auto;padding-bottom:6px;font-size:10.5px;font-weight:700;display:flex}.duty-note .link-icon{flex:none;display:inline-flex;position:relative}.duty-note.link-up .link-icon{color:#22c55e}.duty-note.link-sync .link-icon{color:var(--muted);animation:1.4s ease-in-out infinite medalPulse}.duty-note.link-down{color:#b42318}.duty-note.link-down .link-icon{color:#e5484d}.duty-note .link-x{color:#fff;border:1.5px solid var(--surface);background:#e5484d;border-radius:50%;place-items:center;width:11px;height:11px;display:grid;position:absolute;bottom:-3px;right:-4px}.duty-card .att-status{padding:5px 11px;font-size:12px}.day-blocks{margin-bottom:14px}.day-blocks .section-label{margin:0 3px 8px}.day-block-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.day-block{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-action);flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:62px;padding:8px 4px;display:flex;box-shadow:0 2px 8px #0f172a0d}.day-block strong{color:var(--ink);font-size:13px;font-weight:800}.day-block span{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;font-size:12px;font-weight:800;display:flex}.day-block.cleared{background:var(--green-soft);border-color:var(--green)}.day-block.cleared strong,.day-block.cleared span{color:var(--green)}.day-block.empty{opacity:.55}.focus-job-when{align-items:center;gap:5px;margin-top:3px;display:flex}.focus-job-card small svg{flex:none}.clock-out-confirm-overlay{z-index:100;background:#1d293994;align-items:flex-end;width:100%;max-width:430px;margin:0 auto;padding:18px;display:flex;position:fixed;inset:0}.clock-out-confirm-card{width:100%;padding:24px 18px calc(18px + var(--safe-bottom));text-align:center;background:var(--surface);border-radius:var(--radius-card);box-shadow:0 18px 45px #0f172a40}.clock-out-confirm-icon{width:58px;height:58px;color:var(--danger);background:#dc26261a;border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.clock-out-confirm-card h2{font-size:21px}.clock-out-confirm-card>p{color:var(--muted);margin:7px auto 16px;font-size:14px;line-height:1.45}.clock-out-confirm-info{text-align:left;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-chip);grid-template-columns:1fr auto;gap:10px 14px;margin-bottom:12px;padding:14px;font-size:13px;display:grid}.clock-out-confirm-info strong{color:var(--ink);text-align:right}.clock-out-confirm-card .clock-out-job-warning{color:#92400e;text-align:left;border-radius:var(--radius-chip);background:#fff7e6;margin:0 0 14px;padding:10px 12px;font-size:12px;font-weight:600}.clock-out-confirm-action,.clock-out-cancel-action{border-radius:var(--radius-action);justify-content:center;align-items:center;width:100%;min-height:58px;font-size:16px;font-weight:800;display:flex}.clock-out-confirm-action{color:#fff;background:var(--danger);border:0}.clock-out-confirm-action:active{background:#b91c1c}.clock-out-cancel-action{color:var(--action);background:var(--surface);border:1.5px solid var(--action);margin-top:8px}.driver-greeting{margin:calc(-24px - var(--safe-top)) -18px 14px;padding:calc(28px + var(--safe-top)) 18px 24px;color:#fff;background:var(--blue)}.driver-greeting .eyebrow{color:#ffffffc7}.driver-truck{color:#ffffffdb;align-items:center;gap:7px;font-size:13px;display:flex}.home-screen>.primary-button{margin-bottom:14px}.metric-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.metric-card{text-align:left;color:#fff;background:var(--surface);border-radius:var(--radius-card);border:1.5px solid #ffffff24;flex-direction:column;width:100%;min-height:108px;padding:16px;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0f172a2e}.metric-card.tile-jobs{--tile:#ffeee0;--wave:#ffffff1a;background:linear-gradient(150deg,#d4550f 0%,#a6380a 100%)}.metric-card.tile-earnings{--tile:#f2eaff;--wave:#ffffff1f;background:linear-gradient(150deg,#7b36e6 0%,#5418ae 100%)}.metric-card:after{z-index:0;background:var(--wave);opacity:.8;content:"";pointer-events:none;border-radius:50% 50% 0 0/100% 100% 0 0;width:120%;height:90%;position:absolute;bottom:-55%;right:-20%}.metric-card>*{z-index:1;position:relative}.metric-card:active{transform:translateY(2px);box-shadow:0 1px 5px #0f172a1f}.metric-card span{color:var(--tile);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.metric-card span svg{flex:none}.metric-card span .metric-go{opacity:.7;margin-left:auto}.metric-card strong{color:var(--tile);margin-top:10px;font-size:32px;line-height:1;display:block}.metric-card strong.success-text{color:var(--tile)!important}.metric-card small{color:var(--tile);align-items:center;gap:5px;margin-top:8px;font-size:13px;font-weight:600;display:flex}:root[data-theme=dark] .metric-card{border-color:#ffffff2e}:root[data-theme=dark] .metric-card.tile-jobs{--tile:#ffe3cc;--wave:#ffffff14;background:linear-gradient(150deg,#a6410c 0%,#7a2b06 100%)}:root[data-theme=dark] .metric-card.tile-earnings{--tile:#eaddff;--wave:#ffffff1a;background:linear-gradient(150deg,#5e27b8 0%,#3f1385 100%)}.focus-job-card{text-align:left;background:var(--surface);border:0;border-left:4px solid var(--blue);border-radius:var(--radius-card);width:100%;margin-bottom:14px;padding:18px 50px 18px 18px;position:relative;box-shadow:0 3px 10px #0f172a12}.focus-job-card strong,.focus-job-card small{display:block}.focus-job-card strong{margin:4px 0;font-size:19px}.focus-job-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex;overflow:hidden}.focus-job-arrow{color:var(--muted);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.bottom-nav{z-index:50;max-width:430px;height:calc(76px + var(--safe-bottom));padding:8px 8px var(--safe-bottom);background:var(--surface);border-top:1px solid var(--line);border-radius:20px 20px 0 0;gap:4px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 22px #0f172a17}.nav-item{min-width:0;color:var(--muted);background:0 0;border:0;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 2px;transition:color .16s,background-color .16s;display:flex;position:relative}.nav-item svg{transition:transform .16s}.nav-item.active{color:var(--blue);background:var(--blue-soft)}.nav-item.active svg{transform:translateY(-1px)}.nav-item.active:before{background:var(--blue);content:"";border-radius:0 0 3px 3px;width:26px;height:3px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.nav-item:active{background:var(--blue-soft)}.nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:700;overflow:hidden}.nav-item.active .nav-label{font-weight:800}.special-request-entry{color:#1565d8;text-align:left;border-radius:var(--radius-action);background:#eef4ff;border:1.5px solid #1565d8;align-items:center;gap:12px;width:100%;min-height:64px;margin:0 0 16px;padding:10px 14px;display:flex}.special-request-entry>svg{flex:none}.special-request-entry span,.special-request-entry strong,.special-request-entry small{display:block}.special-request-entry strong{font-size:15px}.special-request-entry small{color:#496a9a;margin-top:3px;font-size:11px}.job-card{background:var(--surface);border-radius:var(--radius-card);margin-bottom:10px;padding:14px 12px 12px;position:relative;overflow:hidden;box-shadow:0 3px 12px #0f172a12}.job-card.status-completed{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--green);cursor:pointer;padding-bottom:34px}.job-card.status-completed:focus-visible{outline:3px solid var(--green-soft);outline-offset:2px}.job-card-top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex}.job-card-top h2{flex:none;margin:0;font-size:23px}html[lang=ms] .job-card-top h2{font-size:19px}.job-card-number{text-align:right;flex:none;margin-left:auto}.job-card-number>span{color:var(--green);text-transform:uppercase;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:10px;font-weight:800;display:flex}.job-card-badges{align-items:center;gap:7px;min-width:0;display:flex}.job-category-badge{white-space:nowrap;align-items:center;min-height:32px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.job-category-badge:after{background:var(--line);content:"";width:1px;height:20px;margin-left:7px}.job-category-badge.export{color:#1e8e3e}.job-category-badge.import{color:#1565d8}.stage-badge{color:#fff;white-space:nowrap;border-radius:8px;align-items:center;min-height:32px;padding:6px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.stage-badge.state-assigned{background:#eab308}.stage-badge.state-completed{background:#22c55e}.stage-badge.state-created{background:#9ca3af}.stage-badge.stage-truck-in{color:#7f1d1d}.stage-badge.stage-compulsory{font-weight:800}.status-badge{color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-width:92px;min-height:30px;padding:5px 10px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.status-badge.active{color:#fff;background:var(--blue)}.status-badge.pending{color:#fff;background:var(--muted)}.status-badge.completed{color:#fff;background:var(--green)}.status-badge.rejected{color:#fff;background:var(--danger)}.badge-preview{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);margin-top:14px;box-shadow:0 3px 10px #0f172a0f}.badge-preview-head{align-items:center;gap:11px;padding:13px 14px;display:flex}.badge-preview-mark{width:34px;height:34px;color:var(--blue);background:var(--blue-soft);border-radius:10px;flex:none;place-items:center;display:grid}.badge-preview-head>strong{flex:1;font-size:15px}.badge-preview-head>strong small{color:var(--muted);font-size:11px;font-weight:600;display:block}.badge-preview-switch{background:var(--line);border:0;border-radius:999px;flex:none;width:48px;height:28px;padding:0;transition:background .18s;position:relative}.badge-preview-switch>i{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #09132359}.badge-preview-switch.on{background:var(--action)}.badge-preview-switch.on>i{transform:translate(20px)}.badge-preview-body{gap:11px;padding:0 14px 14px;display:grid}.badge-preview-stage{background:var(--canvas);border-radius:var(--radius-action);align-items:center;gap:14px;padding:12px 14px;display:flex}.badge-preview-caption{gap:4px;min-width:0;display:grid}.badge-preview-caption>b{color:#fff;background:var(--tier);letter-spacing:.05em;border-radius:999px;justify-self:start;padding:3px 10px;font-size:11px;font-weight:900}.badge-preview-caption>strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.badge-preview-caption>small{color:var(--muted);font-size:12px;font-weight:600}.badge-preview-field{align-items:center;gap:10px;display:flex}.badge-preview-field>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex:1;font-size:11px;font-weight:800}.badge-preview-stepper{background:var(--canvas);border-radius:999px;align-items:center;gap:3px;padding:3px;display:flex}.badge-preview-stepper>button{width:32px;height:32px;color:var(--ink);background:var(--surface);border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 1px 3px #0f172a24}.badge-preview-stepper>button:disabled{opacity:.3;box-shadow:none}.badge-preview-stepper>b{font-variant-numeric:tabular-nums;text-align:center;min-width:36px;font-size:16px;font-weight:900}.badge-preview-jumps{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.badge-preview-jumps>button{color:#fff;background:var(--tier);font-variant-numeric:tabular-nums;border:2px solid #0000;border-radius:9px;padding:7px 0;font-size:12px;font-weight:900}.badge-preview-jumps>button.selected{border-color:var(--ink)}.badge-preview-crests{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.badge-preview-crests>button{background:0 0;border:2px solid #0000;border-radius:10px;place-items:center;padding:5px 0;display:grid}.badge-preview-crests>button.selected{background:var(--canvas);border-color:var(--blue)}.badge-preview-reset{color:var(--muted);background:var(--canvas);border-radius:var(--radius-action);border:0;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:13px;font-weight:700;display:flex}.job-card>h2{margin:14px 0 16px;font-size:21px}.assigned-job-slot{color:var(--body-text);border-top:1px solid var(--line);align-items:center;gap:6px;margin:0 2px;padding-top:10px;display:flex}.assigned-job-slot strong{font-size:13px}.assigned-job-slot.unscheduled{color:var(--muted)}.assigned-job-slot.unscheduled strong{font-style:italic;font-weight:700}.route-address{color:var(--muted);margin-top:3px;font-size:13px;font-weight:500;line-height:1.35;display:block}.job-type-block strong,.job-type-block small{text-transform:uppercase;display:block}.job-type-block strong{color:var(--blue);letter-spacing:.02em;font-size:13px;font-weight:800}.job-type-block small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:700}.job-route-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:11px 0 9px;display:grid}.route-line{align-items:flex-start;gap:10px;min-width:0;margin:0 2px;display:flex}.route-line>div{min-width:0}.route-line.delivery{border-left:1px solid var(--line);padding-left:8px}.route-line>svg{color:var(--muted);flex:none}.route-line.delivery>svg{color:var(--blue)}.route-line span,.route-line strong{display:block}.route-line span{color:var(--muted);text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:700}.route-line strong{overflow-wrap:anywhere;font-size:14px;line-height:1.35}.area-badge{text-overflow:ellipsis;white-space:nowrap;color:#fff;background:#475467;border:1px solid #475467;border-radius:6px;align-items:center;max-width:100%;min-height:25px;margin-top:7px;padding:4px 8px;font-size:12px;font-weight:600;line-height:1;overflow:hidden;display:inline-flex!important}.job-card .primary-button{min-height:66px;margin-top:14px}.completed-card-cue{color:var(--green);position:absolute;bottom:8px;right:12px}.empty-state{min-height:128px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 12px;display:flex}.empty-state svg{width:26px;height:26px;color:var(--blue)}.empty-state strong{font-size:14px}.empty-state span{max-width:260px;font-size:12px;line-height:1.45}.workflow-screen{background:var(--canvas);min-height:100vh;padding:0 14px 112px}.job-flow-screen{background:var(--canvas);min-height:100vh;padding:0 14px 102px}.workflow-header{padding:calc(14px + var(--safe-top)) 14px 16px;color:#fff;background:var(--blue);background-image:var(--blue-gradient);border-bottom:0;align-items:center;gap:3px;margin:0 -14px;display:flex}.workflow-header>div{min-width:0}.workflow-header h1{color:#fff;font-size:22px;line-height:1.2}.workflow-header p{color:#ffffffd1;margin-top:3px;font-size:12px}.workflow-header .plain-icon-button{color:#fff}.workflow-header .plain-icon-button:active{background:#ffffff24}.task-call-button{color:#fff;background:var(--danger);border-radius:var(--radius-action);border:0;place-items:center;width:52px;height:52px;margin-left:auto;transition:transform 80ms,box-shadow 80ms;display:grid;box-shadow:0 3px #991b1b,0 6px 14px #991b1b4d}.task-call-button:active{transform:translateY(3px);box-shadow:0 0 #991b1b,0 2px 6px #991b1b47}.task-call-button:disabled{color:var(--muted);box-shadow:none;background:#ffffff2e}.task-heading{padding:18px 4px 5px}.task-heading span{color:var(--blue);text-transform:uppercase;font-size:12px;font-weight:800}.task-heading h2{text-transform:uppercase;margin-top:4px;font-size:26px;line-height:1.1}.flow-job-summary{background:var(--surface);border-radius:var(--radius-card);margin:14px 0 20px;overflow:hidden;box-shadow:0 3px 10px #0f172a0f}.flow-job-summary>div{border-bottom:1px solid var(--line);padding:13px 16px 14px;display:block}.flow-job-summary>div:last-child{border-bottom:0}.flow-job-summary span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.flow-job-summary strong{color:var(--blue-ink);text-align:left;margin-top:5px;font-size:17px;font-weight:700;line-height:1.35;display:block}.job-documents-panel{background:var(--surface);border-radius:var(--radius-card);margin:-7px 0 20px;overflow:hidden;box-shadow:0 3px 10px #0f172a0f}.job-documents-panel h3{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;padding:14px 16px 9px;font-size:11px}.job-documents-panel>a,.job-documents-panel>button{width:100%;min-height:56px;color:var(--ink);text-align:left;background:var(--surface);border:0;border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:9px 16px;text-decoration:none;display:flex}.job-documents-panel>button{outline:none}.job-documents-panel>button:focus-visible{box-shadow:inset 0 0 0 2px var(--blue)}.job-documents-panel>.disabled{color:var(--muted);pointer-events:none}.job-documents-panel strong,.job-documents-panel small{display:block}.job-documents-panel strong{font-size:15px}.job-documents-panel small{color:var(--muted);margin-top:3px;font-size:12px}.job-documents-panel>button>span{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;display:flex}.job-documents-panel>button>span strong,.job-documents-panel>button>span small{margin-top:0;display:inline}.job-documents-panel svg{color:var(--action)}.job-documents-panel svg.expanded{transform:rotate(90deg)}.completed-detail-hero{color:var(--green);background:var(--green-soft);border:2px solid var(--green);border-radius:var(--radius-action);align-items:center;gap:12px;margin:14px 0;padding:16px;display:flex}.completed-detail-hero>svg{flex:none}.completed-detail-hero strong,.completed-detail-hero small{display:block}.completed-detail-hero strong{color:var(--green);font-size:19px}.completed-detail-hero small{color:var(--body-text);margin-top:3px;font-size:13px;font-weight:700}.completed-info-summary,.completed-documents{margin-top:0}.completed-timeline{padding:2px 4px 20px}.completed-timeline-empty{color:var(--muted);background:var(--surface);border-radius:var(--radius-action);margin-top:14px;padding:16px;font-size:13px;line-height:1.45}.vertical-flow>h2{font-size:24px}.vertical-flow>p{color:var(--muted);margin-top:3px;font-size:12px}.vertical-step-list{margin-top:16px}.vertical-step{grid-template-columns:42px 1fr;align-items:start;gap:10px;min-height:92px;padding-bottom:14px;display:grid;position:relative}.vertical-step:last-child{min-height:78px;padding-bottom:0}.vertical-step:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:36px;bottom:-2px;left:20px}.vertical-step.completed:not(:last-child):before{background:var(--green)}.timeline-marker{z-index:2;width:42px;height:42px;color:var(--muted);justify-content:center;align-items:center;display:flex;position:relative}.timeline-marker>span{background:var(--line);border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.vertical-step.completed .timeline-marker{color:var(--green);background:var(--canvas)}.vertical-step.completed .timeline-marker svg{stroke-width:2.4px;width:30px;height:30px}.vertical-step>button{width:100%;min-height:80px;color:var(--body-text);background:var(--line);border-radius:var(--radius-action);box-shadow:none;text-align:left;border:0;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;font-size:16px;font-weight:800;display:flex}.vertical-step.current>button{color:#fff;background:var(--action);box-shadow:0 5px 0 var(--action-dark), 0 11px 18px var(--action-shadow);transition:transform 80ms,box-shadow 80ms}.vertical-step.current>button:active{box-shadow:0 0 0 var(--action-dark), 0 3px 8px var(--action-shadow);transform:translateY(5px)}.vertical-step>button:disabled{cursor:default}.completed-step-copy{padding:5px 10px 22px 8px}.completed-step-copy strong,.completed-step-copy small{display:block}.completed-step-copy strong{font-size:15px}.completed-step-copy small{color:var(--muted);align-items:center;gap:5px;margin-top:5px;font-size:12px;display:flex}.vertical-step.current>button span small{color:#ffffffd6;align-items:center;gap:5px;margin-top:6px;font-size:11px;font-weight:600;display:flex}.live-time-strip{min-height:48px;color:var(--blue);background:var(--blue-soft);border-radius:var(--radius-action);grid-template-columns:24px 1fr auto;align-items:center;gap:7px;margin:8px 0 12px;padding:10px 13px;display:grid}.live-time-strip span{color:var(--muted);font-size:12px;font-weight:700}.live-time-strip strong{color:var(--ink);font-size:12px}.workflow-error{color:var(--danger);border-radius:var(--radius-action);background:#dc262614;margin:8px 0 92px 50px;padding:13px 14px;font-size:13px;font-weight:700;line-height:1.4}.workflow-error small{color:var(--body-text);margin-top:4px;font-weight:500;display:block}.workflow-error.task-error{margin:0 0 12px}.call-centre-fab{z-index:25;right:max(14px,50vw - 201px);bottom:calc(16px + var(--safe-bottom));color:#fff;background:var(--danger);border:0;border-radius:50%;place-items:center;width:62px;height:62px;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid;position:fixed;box-shadow:0 5px #991b1b,0 12px 22px #991b1b57}.call-centre-fab.above-nav{bottom:calc(104px + var(--safe-bottom))}.call-centre-fab:active{transform:translateY(5px);box-shadow:0 0 #991b1b,0 3px 8px #991b1b4d}.call-centre-fab:disabled{color:var(--muted);background:var(--line);box-shadow:none}.scroll-top-fab{z-index:25;right:max(14px,50vw - 201px);bottom:calc(16px + var(--safe-bottom));color:#fff;background:var(--blue);border:0;border-radius:50%;place-items:center;width:56px;height:56px;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid;position:fixed;box-shadow:0 5px #1462c6,0 12px 22px #1462c64d}.scroll-top-fab.above-nav{bottom:calc(104px + var(--safe-bottom))}.scroll-top-fab:active{transform:translateY(5px);box-shadow:0 0 #1462c6,0 3px 8px #1462c64d}.job-toolbar{align-items:center;gap:10px;margin:12px 0 4px;display:flex}.job-toolbar .job-search{flex:1;margin:0}.job-call-button{color:#fff;background:var(--danger);border-radius:var(--radius-action);border:0;flex:none;place-items:center;width:52px;height:52px;padding:0;display:grid;box-shadow:0 4px #991b1b}.job-call-button:active{box-shadow:none;transform:translateY(4px)}.job-call-button:disabled{color:var(--muted);background:var(--line);box-shadow:none}.next-period-note{color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius-card);align-items:flex-start;gap:8px;margin:6px 0 14px;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.next-period-note svg{flex:none;margin-top:2px}.call-sheet-backdrop{z-index:100;background:#09132373;justify-content:center;align-items:flex-end;width:100%;max-width:430px;display:flex;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.call-sheet{width:100%;max-height:calc(100dvh - 16px);padding:18px 16px calc(20px + var(--safe-bottom));background:var(--surface);border-radius:18px 18px 0 0;overflow-y:auto;box-shadow:0 -10px 30px #0913232e}.call-sheet-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.call-sheet-title span{color:var(--muted);text-transform:uppercase;font-size:11px}.call-sheet-title h2{margin-top:2px;font-size:23px}.call-sheet-title button{width:52px;height:52px;color:var(--ink);background:var(--canvas);border:0;border-radius:50%;place-items:center;display:grid}.call-sheet>a{color:#fff;background:var(--blue);border-radius:var(--radius-action);align-items:center;gap:13px;min-height:68px;padding:12px 16px;text-decoration:none;display:flex}.call-sheet>a+a{margin-top:10px}.call-sheet>a span,.call-sheet>a strong,.call-sheet>a small{display:block}.call-sheet>a strong{font-size:16px}.call-sheet>a small{color:#ffffffd1;margin-top:3px;font-size:12px}.inline-attachments{background:var(--canvas);border-top:1px solid var(--line);gap:8px;padding:10px 12px 12px;display:grid}.attachment-row{min-height:60px;color:var(--ink);background:var(--surface);border-radius:var(--radius-action);grid-template-columns:26px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:grid}.attachment-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:13px!important}.attachment-row small{color:var(--muted)!important}.document-message{color:var(--muted);background:var(--canvas);border-radius:var(--radius-action);text-align:center;padding:18px 12px;font-size:13px}.document-message.error{color:var(--danger);background:#dc262614}.cnote-preview-screen{min-height:100vh;padding:var(--safe-top) 14px 104px;background:var(--canvas)}.cnote-mobile-header{margin-bottom:14px}.cnote-loading{min-height:320px;color:var(--muted);place-items:center;font-weight:700;display:grid}.cnote-scale-stage{background:#fff;margin:0 auto;overflow:hidden;box-shadow:0 4px 18px #0f172a29}.cnote-native-print-source{pointer-events:none;width:210mm;position:fixed;top:0;left:-10000px}.cnote-a4-page{color:#111;transform-origin:0 0;background:#fff;width:210mm;height:297mm;padding:20mm 10mm;font-family:Century Gothic,Arial,sans-serif;position:relative}.cnote-border-form{width:190mm;height:257mm;position:relative;overflow:hidden}.cnote-template-image{z-index:0;width:216.13mm;max-width:none;height:282.19mm;position:absolute;top:-13.44mm;left:-15.54mm}.cnote-print-field{z-index:1;color:#111;white-space:nowrap;background:0 0;min-height:4mm;font-size:14px;line-height:4.2mm;position:absolute;overflow:hidden}.cnote-print-field.rot-no,.cnote-print-field.cnote-no{font-size:19px;font-weight:900;line-height:5mm}.cnote-print-field.container-no,.cnote-print-field.seal-no{font-size:18px;font-weight:900;line-height:4.8mm;overflow:visible}.cnote-print-field.type,.cnote-print-field.trailer,.cnote-print-field.closing-time,.cnote-print-field.pickup-location{font-weight:900}.cnote-print-field.pickup-location{white-space:pre-wrap;font-size:19px;line-height:5mm}.cnote-print-field.delivery-address{white-space:pre-wrap;font-size:14.3px;line-height:4.4mm}.cnote-print-field.delivery-address b,.cnote-print-field.delivery-address span{display:block}.cnote-print-field.delivery-address b{white-space:nowrap;font-size:19px;font-weight:900;line-height:5mm}.cnote-print-field.remarks{white-space:pre-wrap;line-height:4.1mm}.cnote-print-field.commodity{text-align:center}@media print{html,body{background:#fff!important;width:210mm!important;min-width:210mm!important;height:297mm!important;min-height:297mm!important;margin:0!important;overflow:hidden!important}#root{display:none!important}body>.cnote-native-print-source{visibility:visible!important;width:210mm!important;height:297mm!important;margin:0!important;display:block!important;position:absolute!important;inset:0 auto auto 0!important;overflow:hidden!important}.cnote-scale-stage{box-shadow:none;break-inside:avoid;page-break-inside:avoid;visibility:visible!important;width:210mm!important;height:297mm!important;margin:0!important;display:block!important;position:static!important;overflow:hidden!important}.cnote-scale-stage *{visibility:visible!important}.cnote-a4-page{transform:none!important}.cnote-print-action{display:none!important}@page{size:A4 portrait;margin:0}}.task-card,.contact-card,.signature-card,.ready-card{background:var(--surface);border-radius:var(--radius-card);margin-bottom:12px;padding:18px;box-shadow:0 3px 10px #0f172a0f}.destination-card h2{letter-spacing:-.015em;margin:5px 0 12px;font-size:17px;line-height:1.3}.destination-card p{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:flex}.destination-card p svg{color:var(--blue)}.dynamic-task-card h2{align-items:center;gap:9px;margin:6px 0 16px;font-size:19px;display:flex}.dynamic-task-card h2 svg{color:var(--blue);flex:none}.dynamic-task-card>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:50px;padding:10px 0;font-size:13px;display:flex}.dynamic-task-card>div span{color:var(--muted)}.dynamic-task-card>div strong{max-width:68%;color:var(--ink);text-align:right;line-height:1.35}.info-card{align-items:center;gap:12px;display:flex}.info-card svg{color:var(--blue)}.info-card span,.info-card strong{display:block}.info-card span{color:var(--muted);font-size:11px}.info-card strong{margin-top:2px;font-size:16px}.sticky-action{z-index:20;max-width:430px;padding:10px 14px calc(10px + var(--safe-bottom));background:rgba(var(--surface-rgb), .96);border-top:1px solid var(--line);margin:0 auto;position:fixed;bottom:0;left:0;right:0}.container-details{padding:0;overflow:hidden}.container-details h2{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:17px;font-size:18px;display:flex}.container-details h2 svg{color:var(--blue)}.container-details>div{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;gap:12px;padding:16px;display:grid}.container-details>div:last-child{border-bottom:0}.container-details span{color:var(--muted);font-size:11px}.container-details strong{text-align:right;font-size:14px;line-height:1.35}.photo-action{border:1px solid var(--line);box-shadow:none;border-radius:12px;margin-bottom:8px;padding:0 12px;display:block}.photo-action:has(.photo-guide-grid){padding-bottom:12px}.photo-action h2{margin:4px 0 14px;font-size:19px}.photo-action p{color:var(--muted);font-size:13px;line-height:1.45}.photo-guide-toggle{width:100%;min-height:44px;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.photo-guide-toggle span,.photo-guide-toggle strong,.photo-guide-toggle small{display:block}.photo-guide-toggle strong{font-size:14px}.photo-guide-toggle small{color:var(--muted);text-transform:uppercase;margin-top:3px;font-size:11px;font-weight:600}.photo-guide-toggle svg{color:var(--muted);transition:transform .18s}.photo-guide-toggle svg.expanded{transform:rotate(90deg)}.photo-guide-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.photo-guide-grid figure{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-action);overflow:hidden}.photo-guide-grid img{object-fit:cover;background:#dbe4ee;width:100%;height:126px;display:block}.photo-guide-grid figure:first-child img{object-position:60% 22%}.photo-guide-grid figure:last-child img{object-position:center}.photo-guide-grid figcaption{padding:9px 10px 10px}.photo-guide-grid strong,.photo-guide-grid small{display:block}.photo-guide-grid strong{color:var(--ink);font-size:13px}.photo-guide-grid small{color:var(--muted);margin-top:2px;font-size:10px}.proof-upload-card{padding:0;overflow:hidden}.proof-upload-card>header{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;min-height:54px;padding:10px 13px;display:grid}.proof-upload-card>header>strong{color:var(--ink);letter-spacing:.01em;font-size:16px;line-height:1.2}.proof-capture-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;gap:8px;padding:12px 13px;display:grid}.proof-number-input{min-width:0;color:var(--ink);background:var(--canvas);border:2px solid var(--line);border-radius:var(--radius-action);letter-spacing:.02em;text-transform:uppercase;padding:10px 11px;font-size:17px;font-weight:900}.proof-number-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:0}.proof-camera-button,.proof-album-button{border-radius:var(--radius-action);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;width:74px;min-height:58px;padding:6px;font-size:10px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:flex}.proof-camera-button svg,.proof-album-button svg{width:24px;height:24px}.proof-camera-button{color:#fff;background:var(--action);box-shadow:0 4px 0 var(--action-dark)}.proof-camera-button:active,.proof-album-button:active{box-shadow:none;transform:translateY(4px)}.proof-album-button{color:#fff;background:#64748b;box-shadow:0 4px #475569}.proof-camera-button input,.proof-album-button input{display:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.proof-upload-card>header>div small{color:var(--muted);margin-top:2px;font-size:11px}.proof-upload-card>header>b{color:var(--muted);background:var(--line);border-radius:var(--radius-badge);padding:5px 8px;font-size:10px}.proof-upload-card.uploaded>header>b{color:var(--green);background:var(--green-soft)}.proof-number{width:34px;height:34px;color:var(--blue);background:var(--blue-soft);border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid}.proof-number.missing{color:#d92d20;background:#fef3f2}.proof-number.confirmed{color:var(--green);background:var(--green-soft)}.proof-upload-card>header:has(.no-seal-toggle){grid-template-columns:38px minmax(0,1fr) auto}.no-seal-toggle{min-height:34px;color:var(--muted);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-badge);white-space:nowrap;padding:0 12px;font-size:12px;font-weight:800}.no-seal-row{justify-content:space-between;align-items:center;gap:12px;padding:14px 13px;display:flex}.no-seal-row>span{flex-direction:column;gap:3px;min-width:0;display:flex}.no-seal-row strong{color:var(--ink);font-size:15px}.no-seal-row small{color:var(--muted);font-size:12px;line-height:1.35}.no-seal-undo{min-height:38px;color:var(--blue);background:var(--blue-soft);border-radius:var(--radius-badge);white-space:nowrap;border:0;padding:0 14px;font-size:12px;font-weight:800}.proof-preview{aspect-ratio:4/3;object-fit:contain;background:#111827;width:100%;max-height:300px;display:block}.proof-source-actions{grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.proof-source-actions label,.photo-replace-actions label{min-height:54px;color:var(--blue);background:var(--surface);border:1px solid var(--blue);border-radius:var(--radius-action);text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:13px;font-weight:800;display:flex}.proof-source-actions label:first-child{color:#fff;background:var(--action);border-color:var(--action)}.proof-source-actions input{display:none}.proof-upload-action{padding:12px}.proof-upload-action button{color:#fff;background:var(--action);border-radius:var(--radius-action);border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:58px;font-size:15px;font-weight:800;display:flex}.photo-source-backdrop{z-index:140;background:#09132394;align-items:flex-end;width:100%;max-width:430px;margin:0 auto;padding:16px;display:flex;position:fixed;inset:0}.photo-source-sheet{width:100%;padding:18px 16px calc(16px + var(--safe-bottom));background:var(--surface);border-radius:18px;gap:10px;display:grid}.photo-source-sheet>strong{color:var(--ink);margin-bottom:4px;font-size:18px}.photo-source-sheet label,.photo-source-sheet button{width:100%;min-height:58px;color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-action);justify-content:center;align-items:center;gap:9px;font-size:15px;font-weight:800;display:flex}.photo-source-sheet label:first-of-type{color:#fff;background:var(--action);border-color:var(--action)}.photo-source-sheet input{display:none}.photo-source-sheet>button{color:var(--muted);background:0 0;border:0}.proof-number-entry{border-top:1px solid var(--line);padding:3px 12px 13px}.proof-number-entry>label{color:var(--muted);text-transform:uppercase;margin:11px 0 6px;font-size:11px;font-weight:800;display:block}.proof-number-entry>input{width:100%;min-height:58px;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-action);letter-spacing:.04em;text-transform:uppercase;padding:12px 14px;font-size:19px;font-weight:900}.proof-number-entry>input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:0}.proof-number-entry>small{align-items:center;gap:6px;margin-top:7px;font-size:11px;line-height:1.35;display:flex}.proof-number-entry .ocr-reading{color:var(--blue);font-weight:800}.proof-number-entry .ocr-result,.proof-number-entry .ocr-warning{color:#b42318;background:#fef3f2;border:1px solid #fda29b;border-radius:8px;padding:10px 11px;font-weight:800}.ocr-reading .spinner{border:2px solid #2287e538;border-top-color:var(--blue);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.camera-button{cursor:pointer}.camera-button input{display:none}.photo-source-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.photo-source-actions .primary-button,.photo-source-actions .secondary-button{white-space:nowrap;min-width:0;padding-left:10px;padding-right:10px;font-size:14px}.photo-preview-card{padding:0;overflow:hidden}.photo-preview-card>img{aspect-ratio:4/3;object-fit:contain;background:#111827;width:100%;max-height:330px;display:block}.photo-upload-status{min-height:50px;color:var(--blue);background:var(--blue-soft);justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:800;display:flex}.photo-upload-status.success{color:var(--green);background:var(--green-soft)}.photo-upload-status.error{color:var(--danger);background:#dc262614}.photo-upload-status .spinner{border:3px solid #2287e538;border-top-color:var(--blue);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.photo-upload-error{color:var(--danger);padding:12px 14px 0;font-size:13px;font-weight:700;line-height:1.4}.photo-upload-error small{color:var(--body-text);margin-top:3px;font-weight:500;display:block}.photo-replace-actions{grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.photo-replace-actions input{display:none}.photo-button{min-height:58px;color:var(--ink);background:var(--line);border-radius:var(--radius-action);justify-content:center;align-items:center;gap:9px;font-size:16px;font-weight:800;display:flex}.verified-card{min-height:118px;color:var(--green);background:var(--green-soft);border-radius:var(--radius-card);justify-content:center;align-items:center;gap:10px;font-size:18px;display:flex}.route-map{height:180px;color:var(--blue);background:radial-gradient(circle at 60% 35%, #fff 0 4%, transparent 5%), repeating-linear-gradient(125deg, var(--canvas) 0 18px, #fff 19px 25px);flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:0 -14px 12px;display:flex}.route-map span{color:var(--green);background:var(--green-soft);border-radius:var(--radius-chip);padding:8px 14px;font-size:12px;font-weight:700}.contact-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-card>div{min-width:0}.contact-card>div strong,.contact-card>div span{display:block}.contact-card>div strong{font-size:17px}.contact-card>div span{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.35}.contact-call{color:#fff;background:var(--blue);border-radius:var(--radius-action);border:0;flex:none;place-items:center;width:56px;height:56px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:grid;box-shadow:0 3px #1462c6}.contact-call svg{display:block}.contact-call:active{box-shadow:none;transform:translateY(3px)}.contact-call.disabled,.contact-call:disabled{color:var(--muted);background:var(--line);box-shadow:none;cursor:not-allowed}.signature-card+.signature-card{margin-top:-2px}.signature-card.signed .signature-heading{color:var(--green)}.signature-heading{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.signature-heading button{color:var(--blue);text-transform:none;background:0 0;border:0;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.signature-card canvas{touch-action:none;border-bottom:1px dashed var(--line);width:100%;height:130px;margin-top:5px;display:block}.signature-card small{color:var(--muted);text-align:center;padding-top:7px;font-size:12px;display:block}.step-log{grid-template-columns:auto 26px minmax(0,1fr);display:grid}.log-row{grid-column:1/-1;grid-template-columns:subgrid;align-items:stretch;display:grid}@supports not (grid-template-columns:subgrid){.log-row{grid-template-columns:auto 26px minmax(0,1fr)}}.log-times{flex-direction:column;align-items:flex-end;gap:3px;padding:12px 10px 12px 0;display:flex}.log-time{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;font-size:12px;font-weight:700}.log-time i{opacity:.7;font-size:10px;font-style:normal;font-weight:700;display:block}.log-time.start{color:var(--blue-ink)}.log-time.end{color:var(--green)}.log-time.pending{color:var(--line)}.log-rail{justify-content:center;display:flex;position:relative}.log-rail:before{background:var(--line);content:"";width:2px;position:absolute;top:0;bottom:0}.log-row:first-child .log-rail:before{top:22px}.log-row:last-child .log-rail:before{bottom:calc(100% - 22px)}.log-row.completed .log-rail:before{background:var(--green)}.log-dot{z-index:1;background:var(--surface);border:3px solid var(--line);border-radius:50%;width:20px;height:20px;margin-top:15px;display:block;position:relative}.log-row.completed .log-dot,.log-row.current .log-dot{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.log-row.current .log-dot:after{background:var(--green);content:"";border-radius:50%;position:absolute;inset:2px}.log-body{width:100%;color:var(--ink);text-align:left;border-radius:var(--radius-chip);background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;margin:6px 0 6px 12px;padding:11px 12px;display:flex}.log-body>span{min-width:0}.log-body strong{font-size:15px;line-height:1.3;display:block}.log-body small{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:12px;line-height:1.35;display:block}.log-row.completed .log-body strong{color:var(--muted);font-weight:700}.log-row.current .log-body{color:#fff;background:var(--action);box-shadow:0 3px 0 var(--action-dark)}.log-row.current .log-body small{color:#ffffffd1}.log-row.current .log-body:active{box-shadow:none;transform:translateY(3px)}.log-row:not(.completed):not(.current) .log-body{background:var(--canvas)}.log-row:not(.completed):not(.current) .log-body strong{color:var(--body-text)}.cda-progress{background:var(--surface);border-radius:var(--radius-card);margin-top:12px;padding:15px 16px 17px;box-shadow:0 3px 10px #0f172a0f}.cda-progress h3{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.cda-progress ol{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:13px;padding:0;list-style:none;display:grid}.cda-stage{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.cda-stage+.cda-stage:before{background:var(--line);content:"";height:2px;position:absolute;top:12px;left:-50%;right:50%}.cda-stage.done+.cda-stage:before,.cda-stage.done:before{background:var(--green)}.cda-dot{z-index:1;width:26px;height:26px;color:var(--muted);background:var(--surface);border:2px solid var(--line);border-radius:50%;place-items:center;display:grid;position:relative}.cda-label{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:11px;font-weight:700;line-height:1.25}.cda-stage.done .cda-dot{color:#fff;background:var(--green);border-color:var(--green)}.cda-stage.done .cda-label{color:var(--ink)}.cda-stage.planned .cda-dot{border-color:var(--blue)}.cda-stage.planned .cda-label{color:var(--ink)}.cda-stage.skipped .cda-dot{border-style:dashed}.cda-stage.skipped .cda-label{color:var(--muted)}.cda-you{color:#fff;background:var(--blue);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:800}.cda-na{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.cda-stage.mine .cda-dot{box-shadow:0 0 0 4px var(--blue-soft,#2287e52e)}.cda-stage.mine .cda-label{color:var(--ink)}.needs-sideloader{color:#b54708}.job-sideloader-pill{color:#b54708;border-radius:var(--radius-chip);white-space:nowrap;background:#fef0e2;border:1px solid #f0c097;flex:none;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.job-sideloader-pill svg{flex:none}.staging-out-choice{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);cursor:pointer;align-items:flex-start;gap:12px;margin-top:12px;padding:15px 16px;transition:border-color .12s,background .12s;display:flex}.staging-out-choice input{accent-color:#b54708;flex:none;width:24px;height:24px;margin-top:1px}.staging-out-choice span{min-width:0}.staging-out-choice strong{font-size:15px;display:block}.staging-out-choice small{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:12px;line-height:1.4;display:block}.staging-out-choice.checked{background:#fffaf5;border-color:#b54708}.staging-out-choice.checked strong,.staging-out-choice.checked small{color:#b54708}.saved-feedback{min-height:52px;color:var(--green);background:var(--green-soft);border-radius:var(--radius-action);justify-content:center;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.ready-card{text-align:center;padding:28px 20px}.ready-card h2{margin:10px 0 5px;font-size:22px}.ready-card p{color:var(--muted);font-size:13px}.completion-screen{min-height:100vh;padding:calc(110px + var(--safe-top)) 20px 110px;text-align:center;flex-direction:column;align-items:center;display:flex}.completion-icon{width:94px;height:94px;color:var(--green);background:var(--green-soft);border-radius:50%;place-items:center;display:grid}.completion-icon.small{width:72px;height:72px;margin:0 auto}.completion-screen h1{margin-top:22px;font-size:25px}.completion-screen>p{max-width:320px;color:var(--muted);margin-top:8px;font-size:14px;line-height:1.5}.completion-summary{background:var(--surface);border-radius:var(--radius-card);width:100%;margin-top:28px;overflow:hidden;box-shadow:0 3px 10px #0f172a0f}.completion-summary div{border-bottom:1px solid var(--line);justify-content:space-between;padding:17px;font-size:13px;display:flex}.completion-summary div:last-child{border-bottom:0}.completion-summary span{color:var(--muted)}.profile-hero{text-align:center;background:var(--surface);margin:-2px -18px 14px;padding:18px 18px 24px}.avatar{width:86px;height:86px;color:var(--blue);background:var(--blue-soft);border-radius:50%;place-items:center;margin:0 auto 13px;font-size:28px;font-weight:800;display:grid}.profile-hero h2{font-size:21px}.profile-hero p{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.profile-hero small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.profile-menu{gap:10px;display:grid}.profile-menu button{text-align:left;min-height:64px;color:var(--ink);background:var(--surface);border-radius:var(--radius-action);border:0;grid-template-columns:27px 1fr auto 20px;align-items:center;gap:9px;padding:0 15px;display:grid;box-shadow:0 3px 10px #0f172a0f}.profile-menu button>svg:first-child{color:var(--blue)}.profile-menu strong{font-size:15px}.profile-menu span{color:var(--muted);font-size:13px}.profile-menu button>svg:last-child{color:var(--action)}.profile-menu button:active{transform:translateY(2px)}.theme-setting{color:var(--ink);background:var(--surface);border-radius:var(--radius-action);grid-template-columns:27px 1fr;align-items:center;gap:9px;padding:13px 15px 14px;display:grid;box-shadow:0 3px 10px #0f172a0f}.theme-setting>svg{color:var(--blue)}.theme-setting>strong{font-size:15px}.theme-setting>.theme-toggle{grid-column:1/-1;margin-top:3px}.voice-setting{grid-template-columns:27px 1fr auto;margin-bottom:10px}.voice-setting>strong small{color:var(--muted);font-size:11px;font-weight:600;display:block}.profile-menu .voice-setting .badge-preview-switch{width:48px;height:28px;min-height:0;box-shadow:none;border-radius:999px;grid-template-columns:none;padding:0;display:block}.profile-menu .voice-setting .badge-preview-switch:active{transform:none}.theme-toggle{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-chip);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.theme-option{width:100%;min-width:0;min-height:48px;color:var(--muted);box-shadow:none;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 6px;font-size:13px;font-weight:800;display:flex}.theme-option svg{opacity:.5;flex:none}.theme-option.light.selected{color:#7c4a02;background:#fef0c7;box-shadow:inset 0 0 0 2px #f59e0b}.theme-option.light.selected svg{color:#b45309;opacity:1}.theme-option.dark.selected{color:#f1f5f9;background:#1e293b;box-shadow:inset 0 0 0 2px #0f172a}.theme-option.dark.selected svg{color:#a5b4fc;opacity:1}.theme-option-check{margin-left:1px}:root[data-theme=dark] .theme-toggle{background:#070c13;border-color:#2b3949}:root[data-theme=dark] .theme-option.dark.selected{color:#f8fafc;box-shadow:inset 0 0 0 2px var(--blue-secondary);background:#3a4b61}:root[data-theme=dark] .theme-option.dark.selected svg{color:#bfdbfe}:root[data-theme=dark] .theme-option.light.selected{color:#6b3e02;background:#fde9ae;box-shadow:inset 0 0 0 2px #fbbf24}:root[data-theme=dark] .staging-out-choice.checked{background:#2a1b0c;border-color:#d97706}:root[data-theme=dark] .staging-out-choice.checked strong,:root[data-theme=dark] .staging-out-choice.checked small{color:#fcd9a8}:root[data-theme=dark] .staging-out-choice input{accent-color:#d97706}:root[data-theme=dark] .needs-sideloader{color:#fcd9a8}:root[data-theme=dark] .job-sideloader-pill{color:#fcd9a8;background:#2a1b0c;border-color:#7a4a14}.logout-button{color:#fff;background:var(--danger);border-radius:var(--radius-action);border:0;justify-content:center;align-items:center;gap:10px;width:100%;min-height:68px;margin-top:22px;font-size:18px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:0 5px #991b1b,0 11px 18px #dc26263d}.logout-button:active{transform:translateY(5px);box-shadow:0 0 #991b1b,0 3px 8px #dc26263d}.login-language-switch{top:calc(14px + var(--safe-top));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-chip);padding:3px;display:flex;position:absolute;right:18px;box-shadow:0 2px 8px #0f172a0f}.login-language-switch button{min-width:46px;min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-size:13px;font-weight:800}.login-language-switch button.active{color:#fff;background:var(--action)}.language-sheet-backdrop{z-index:120;background:#09132373;justify-content:center;align-items:flex-end;width:100%;max-width:430px;display:flex;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.language-sheet{width:100%;max-height:calc(100dvh - 16px);padding:18px 16px calc(20px + var(--safe-bottom));background:var(--surface);border-radius:18px 18px 0 0;overflow-y:auto;box-shadow:0 -10px 30px #0913232e}.language-sheet header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.language-sheet header strong,.language-sheet header small{display:block}.language-sheet header strong{color:var(--ink);font-size:20px}.language-sheet header small{color:var(--muted);margin-top:3px;font-size:12px}.language-sheet header button{width:48px;height:48px;color:var(--ink);background:var(--canvas);border:0;border-radius:50%;place-items:center;display:grid}.language-sheet>button{width:100%;min-height:64px;color:var(--ink);background:var(--canvas);border-radius:var(--radius-action);text-align:left;border:1px solid #0000;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.language-sheet>button+button{margin-top:10px}.language-sheet>button.selected{color:var(--action);background:var(--action-soft);border-color:var(--action)}.language-sheet>button strong,.language-sheet>button small{display:block}.language-sheet>button strong{font-size:16px}.language-sheet>button small{color:var(--muted);margin-top:3px;font-size:12px}.premium-login-screen{background:var(--canvas);height:100vh;position:relative;overflow:hidden auto}.login-app-container{height:100vh}.login-hero{background-color:#eaf4ff;background-position:50% 62%;background-repeat:no-repeat;background-size:cover;height:clamp(250px,34vh,310px);position:relative}.login-hero:after{pointer-events:none;content:"";background:linear-gradient(#f6f8fc00 0%,#f6f8fc38 42%,#f6f8fc 100%);height:96px;position:absolute;bottom:0;left:0;right:0}.premium-login-screen .login-language-switch{z-index:3;top:calc(14px + var(--safe-top))}.premium-login-screen .login-language-switch button.active{color:var(--surface);background:var(--ink)}.premium-login-card{z-index:2;background:var(--surface);border-radius:32px;width:calc(100% - 24px);margin:-34px auto 18px;padding:24px 28px 22px;position:relative;box-shadow:0 18px 42px #0a4dbf21}.login-brand-heading{text-align:center}.login-brand-heading img{object-fit:contain;width:184px;height:76px;margin:0 auto;display:block}.login-brand-heading h1{color:var(--body-text);letter-spacing:-.01em;margin-top:8px;font-size:18px;font-weight:600}.login-brand-heading p{color:var(--muted);margin-top:6px;font-size:15px;font-weight:400;line-height:1.4}.premium-login-form{margin-top:24px}.premium-login-form>label:not(.remember-driver-row){color:var(--body-text);margin:0 0 7px;font-size:15px;font-weight:600;display:block}.premium-login-input{min-height:58px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center;gap:13px;margin-bottom:17px;padding:0 16px;display:flex;box-shadow:inset 0 0 0 1px #0000}.premium-login-input:focus-within{border-color:var(--muted);box-shadow:inset 0 0 0 1px var(--muted)}.premium-login-input .login-leading-icon{stroke-width:2px;flex:none}.premium-login-input .user-icon{width:24px;height:24px}.premium-login-input .truck-icon{width:22px;height:22px;margin:0 1px}.premium-login-input .lock-icon{width:26px;height:26px;margin:0 -1px}:root:not([data-theme=dark]) .premium-login-input{color:#64748b;background:#f1f5f9;border-color:#cbd5e1}:root:not([data-theme=dark]) .premium-login-input:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}:root:not([data-theme=dark]) .premium-login-input input::placeholder,:root:not([data-theme=dark]) .prime-mover-trigger>span.placeholder,:root:not([data-theme=dark]) .prime-mover-trigger>svg:last-child{color:#64748b}.premium-login-input input{width:100%;min-width:0;color:var(--ink);letter-spacing:.01em;background:0 0;border:0;outline:0;font-size:20px;font-weight:600}.premium-login-input input::placeholder{color:var(--muted);letter-spacing:0;opacity:1;font-size:15px;font-weight:500}.premium-login-input input[type=password]{letter-spacing:.3em}.premium-login-input input[type=password]::-ms-reveal{width:0;height:0;display:none}.premium-login-input input[type=password]::-ms-clear{width:0;height:0;display:none}.premium-login-input input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;width:0;margin:0}.premium-login-input input::-webkit-strong-password-auto-fill-button{visibility:hidden;pointer-events:none;width:0;margin:0}.premium-login-input button{width:48px;height:52px;color:var(--muted);background:0 0;border:0;flex:none;place-items:center;display:grid}.prime-mover-trigger{cursor:pointer;text-align:left;width:100%}.prime-mover-trigger>span{min-width:0;color:var(--ink);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:20px;font-weight:600;overflow:hidden}.prime-mover-trigger>span.placeholder{color:var(--muted);letter-spacing:0;font-size:15px;font-weight:500}.prime-mover-trigger>span.placeholder b{color:var(--danger)}.prime-mover-trigger>svg:last-child{color:var(--muted)}.prime-mover-sheet{max-height:min(620px,100dvh - 24px)}.prime-mover-search{min-height:56px;color:var(--blue);background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-action);align-items:center;gap:10px;padding:0 14px;display:flex}.prime-mover-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.prime-mover-search input::placeholder{color:var(--muted)}.prime-mover-options{gap:8px;margin-top:12px;display:grid;overflow-y:auto}.prime-mover-options>button{width:100%;min-height:58px;color:var(--ink);text-align:left;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-action);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.prime-mover-options>button.selected{color:var(--action);background:var(--action-soft);border-color:var(--action)}.prime-mover-options>button .pm-option-inline{flex:1;align-items:baseline;gap:8px;min-width:0;display:inline-flex}.prime-mover-options>button strong{color:var(--ink);white-space:nowrap;font-size:17px;font-weight:700}.prime-mover-options>button .pm-plate-inline{color:var(--muted);white-space:nowrap;font-size:15px;font-weight:600}.remember-driver-row{min-height:44px;color:var(--ink);cursor:pointer;align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.remember-driver-row strong{font-weight:600}.remember-driver-row input{opacity:0;pointer-events:none;position:absolute}.custom-checkbox{width:26px;height:26px;color:var(--surface);background:var(--ink);border:2px solid var(--ink);border-radius:6px;flex:none;place-items:center;display:grid}.remember-driver-row input:not(:checked)+.custom-checkbox{background:var(--surface);border-color:#cbd5e1}.start-clock-button{color:#fff;background:var(--action);width:100%;min-height:68px;box-shadow:0 5px 0 var(--action-dark), 0 11px 20px var(--action-shadow);border:0;border-radius:16px;justify-content:center;align-items:center;gap:12px;margin-top:12px;font-size:21px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:flex}.start-clock-button:hover{background:var(--action)}.start-clock-button:active{box-shadow:0 0 0 var(--action-dark), 0 3px 8px var(--action-shadow);transform:translateY(5px)}.start-clock-button:disabled{color:var(--muted);background:var(--line);box-shadow:none;transform:none}.login-error{color:#b42318;background:#fef3f2;border:1px solid #fda29b;border-radius:12px;margin:-6px 0 14px;padding:11px 14px;font-size:15px;font-weight:600}.login-help-divider{color:var(--muted);align-items:center;gap:12px;margin:20px 0 12px;font-size:13px;display:flex}.login-help-divider:before,.login-help-divider:after{background:var(--line);content:"";flex:1;height:1px}.login-help-link{min-height:48px;color:var(--blue);justify-content:center;align-items:center;gap:9px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.login-footer{color:var(--muted);text-align:center;margin-top:24px;font-size:12px}.login-footer span{margin:0 6px}@media (height<=740px){.login-hero{height:240px}.premium-login-card{margin-top:-26px;padding-top:16px;padding-bottom:16px}.login-brand-heading img{height:56px}.premium-login-form{margin-top:18px}.premium-login-input{min-height:54px;margin-bottom:13px}.login-help-divider{margin-top:14px}}.secondary-screen{min-height:100vh;padding:0 14px 100px}.secondary-screen .workflow-header{margin-bottom:16px}.summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 16px;display:grid}.summary-grid.three{grid-template-columns:repeat(3,1fr)}.summary-grid>div{background:var(--surface);border-radius:var(--radius-card);flex-direction:column;justify-content:center;min-height:82px;padding:13px;display:flex;box-shadow:0 3px 10px #0f172a0f}.summary-grid span{color:var(--muted);font-size:11px}.summary-grid strong{margin-top:4px;font-size:18px}.summary-grid.three>div,.summary-grid.three>button{text-align:center;align-items:center;padding:10px 5px}.summary-grid.three strong{color:var(--blue);font-size:22px}.range-switch{background:var(--canvas);border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:0;margin:12px 0 16px;padding:5px;display:grid;position:relative}.range-switch-thumb{z-index:0;background:var(--surface);border-radius:12px;width:calc(33.3333% - 3.33333px);transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 2px 8px #0f172a24,0 0 0 1px #0f172a0a}.range-switch>button{z-index:1;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:62px;padding:8px 4px;display:flex;position:relative}.range-switch strong{color:var(--muted);font-variant-numeric:tabular-nums;font-size:21px;font-weight:900;transition:color .18s}.range-switch span{color:var(--muted);font-size:11px;font-weight:700}.range-switch>button.selected strong{color:var(--blue)}.range-switch>button.selected span{color:var(--ink);font-weight:800}@media (prefers-reduced-motion:reduce){.range-switch-thumb{transition:none}}.scrub-rail{z-index:40;top:120px;bottom:calc(28px + var(--safe-bottom));touch-action:none;cursor:grab;width:22px;position:fixed;right:max(0px,50vw - 215px)}.scrub-rail.above-nav{bottom:calc(88px + var(--safe-bottom))}.scrub-rail.active{cursor:grabbing}.scrub-thumb{color:#fff;background:var(--blue);border-radius:999px 0 0 999px;place-items:center;width:22px;height:48px;transition:width .12s,background-color .12s;display:grid;position:absolute;right:0;transform:translateY(-50%);box-shadow:-2px 2px 10px #2287e561}.scrub-rail.active .scrub-thumb{background:var(--action);width:28px}.scrub-day{color:#fff;background:var(--ink);white-space:nowrap;pointer-events:none;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800;position:absolute;right:36px;transform:translateY(-50%);box-shadow:0 5px 16px #0f172a4d}.scrub-day:after{background:var(--ink);content:"";width:10px;height:10px;position:absolute;top:50%;right:-5px;transform:translateY(-50%)rotate(45deg)}.rank-ladder-note{color:var(--muted);margin:-4px 3px 12px;font-size:12.5px;line-height:1.45}.exp-hero{background:var(--surface);border-radius:var(--radius-card);margin:14px 0;padding:16px 16px 14px;box-shadow:0 4px 14px #0f172a14}.exp-hero-top{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;display:grid}.exp-hero-copy{min-width:0}.exp-hero-copy strong{color:var(--ink);letter-spacing:-.02em;font-size:20px;line-height:1.15;display:block}.exp-hero-copy>small{margin-top:3px;font-size:11px;display:block}.exp-total{color:#5b4405;background:linear-gradient(135deg,#fff1b8,#f5c842);border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.exp-total b{font-size:16px;font-weight:900}.exp-progress{border-top:1px solid var(--line);margin-top:14px;padding-top:13px}.exp-bar{background:var(--line);border-radius:999px;height:10px;overflow:hidden}.exp-bar>i{background:linear-gradient(90deg, var(--blue), var(--green));border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);display:block}.exp-progress>p{color:var(--muted);justify-content:space-between;gap:10px;margin-top:8px;font-size:12.5px;font-weight:700;display:flex}.exp-progress b{color:var(--ink);font-size:14px;font-weight:900}.ach-filter{gap:7px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow-x:auto}.ach-filter>button{min-height:40px;color:var(--body-text);background:var(--surface);border:1.5px solid var(--line);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 12px;font-size:12.5px;font-weight:800;display:inline-flex}.ach-filter>button.selected{color:#fff;background:var(--blue);border-color:var(--blue)}.ach-filter em{color:var(--muted);background:var(--canvas);border-radius:999px;padding:1px 6px;font-size:11px;font-style:normal;font-weight:900}.ach-filter>button.selected em{color:var(--blue);background:#fff}.ach-row{background:var(--surface);border-left:4px solid var(--line);border-radius:var(--radius-card);grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:9px;padding:12px 14px;display:grid;box-shadow:0 3px 10px #0f172a0f}.ach-row.diff-easy{border-left-color:#94a3b8}.ach-row.diff-medium{border-left-color:var(--blue)}.ach-row.diff-hard{border-left-color:#d97706}.ach-row.diff-epic{border-left-color:#9333ea}.ach-row.diff-legendary{border-left-color:#e6b422}.ach-row.done{background:linear-gradient(135deg, var(--green-soft), var(--surface) 60%)}.ach-emblem{place-items:center;display:grid}.ach-glyph{width:42px;height:42px;color:var(--muted);background:var(--canvas);border:2px solid var(--line);border-radius:50%;place-items:center;display:grid}.ach-glyph.done{color:#fff;background:var(--green);border-color:var(--green)}.ach-body{min-width:0}.ach-body strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.ach-body small{color:var(--muted);margin-top:1px;font-size:12px;display:block}.ach-track{background:var(--line);border-radius:999px;height:6px;margin-top:7px;display:block;overflow:hidden}.ach-track>i{background:var(--blue);border-radius:999px;height:100%;transition:width .35s;display:block}.ach-row.done .ach-track>i{background:var(--green)}.ach-progress{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:11.5px;font-weight:800;display:block}.ach-reward{min-width:52px;color:var(--muted);background:var(--canvas);border-radius:10px;place-items:center;padding:7px 8px;display:grid}.ach-reward b{font-variant-numeric:tabular-nums;font-size:16px;font-weight:900}.ach-reward em{letter-spacing:.08em;font-size:9px;font-style:normal;font-weight:800}.ach-reward.done{color:#fff;background:var(--green)}.avatar-picker{background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:relative}.avatar-edit{color:#fff;background:var(--blue);border:3px solid var(--surface);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:0;right:0}.avatar.small{width:58px;height:58px;font-size:19px}.avatar-sheet .avatar-choices{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:6px;display:grid}.avatar-choice{background:var(--canvas);border-radius:var(--radius-action);border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:96px;padding:9px 4px;display:flex;position:relative}.avatar-choice small{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;overflow:hidden}.avatar-choice.selected{background:var(--blue-soft);border-color:var(--blue)}.avatar-choice.selected small{color:var(--blue)}.avatar-choice.locked{opacity:.75}.avatar-lock{color:var(--muted);position:absolute;top:7px;right:7px}.celebrate-backdrop{z-index:300;background:#091323b8;justify-content:center;align-items:center;width:100%;max-width:430px;margin:0 auto;padding:22px;animation:.2s ease-out confirmFade;display:flex;position:fixed;inset:0}.celebrate-confetti{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.celebrate-card{text-align:center;background:var(--surface);border-radius:24px;width:100%;padding:26px 22px 20px;animation:.45s cubic-bezier(.2,1.5,.5,1) celebrateIn;position:relative;box-shadow:0 22px 54px #0913236b}.celebrate-close{width:38px;height:38px;color:var(--muted);background:var(--canvas);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.celebrate-eyebrow{color:var(--blue);background:var(--blue-soft);letter-spacing:.09em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:11px;font-weight:900;display:inline-flex}.celebrate-emblem{place-items:center;margin:16px 0 12px;animation:.7s cubic-bezier(.2,1.4,.4,1) .1s backwards celebrateEmblem;display:grid}.celebrate-card h2{letter-spacing:-.03em;font-size:25px;line-height:1.15}.celebrate-card>p{color:var(--muted);margin-top:5px;font-size:14px}.celebrate-exp{color:#5b4405;background:linear-gradient(135deg,#fff1b8,#f5c842);border-radius:999px;margin-top:12px;padding:7px 16px;font-size:15px;font-weight:900;display:inline-block}.celebrate-card .primary-button{margin-top:18px}@keyframes celebrateIn{0%{opacity:0;transform:scale(.8)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes celebrateEmblem{0%{opacity:0;transform:scale(.3)rotate(-25deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.celebrate-backdrop,.celebrate-card,.celebrate-emblem{animation:none}.celebrate-confetti{display:none}}.month-switch{background:var(--surface);border-radius:var(--radius-action);grid-template-columns:46px 1fr 46px;align-items:center;margin:14px 0 12px;padding:5px;display:grid;box-shadow:0 2px 8px #0f172a0f}.month-switch strong{color:var(--ink);text-align:center;font-size:15px}.month-switch button{height:42px;color:var(--blue);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.month-switch button:active{background:var(--blue-soft)}.month-switch button:disabled{color:var(--line)}.attendance-tally{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.attendance-tally>button{background:var(--surface);border-radius:var(--radius-action);border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:62px;padding:8px 4px;font-size:11px;font-weight:700;transition:transform 80ms;display:flex;box-shadow:0 2px 8px #0f172a0d}.attendance-tally b{font-variant-numeric:tabular-nums;font-size:21px;font-weight:900}.attendance-tally>button:active{transform:translateY(2px)}.attendance-tally .tone-good{color:var(--green)}.attendance-tally .tone-warn{color:#b45309}.attendance-tally .tone-bad{color:var(--danger)}.attendance-tally .tone-good.selected{color:#fff;background:var(--green);border-color:var(--green)}.attendance-tally .tone-warn.selected{color:#fff;background:#d97706;border-color:#d97706}.attendance-tally .tone-bad.selected{color:#fff;background:var(--danger);border-color:var(--danger)}.attendance-showing{color:var(--muted);align-items:center;gap:6px;margin:0 3px 12px;font-size:12px;font-weight:700;display:flex}.attendance-showing button{color:var(--blue);background:0 0;border:0;padding:0;font-size:12px;font-weight:800;text-decoration:underline}.attendance-list{gap:9px;display:grid}.attendance-row{background:var(--surface);border-left:4px solid var(--line);border-radius:var(--radius-card);grid-template-columns:62px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid;box-shadow:0 3px 10px #0f172a0f}.attendance-row.tone-good{border-left-color:var(--green)}.attendance-row.tone-warn{border-left-color:var(--warning)}.attendance-row.tone-bad{border-left-color:var(--danger)}.att-date{text-align:center}.att-date strong{color:var(--ink);font-size:14px;font-weight:900;display:block}.att-date small{color:var(--muted);text-transform:uppercase;margin-top:1px;font-size:11px;font-weight:700;display:block}.att-times{flex-wrap:wrap;gap:6px 16px;min-width:0;display:flex}.att-times span{flex-direction:column;display:flex}.att-times i{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:800}.att-times b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.att-status{color:#fff;letter-spacing:.01em;border-radius:999px;grid-column:2;justify-self:start;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:900;display:inline-flex}.att-status.tone-good{background:var(--green)}.att-status.tone-warn{background:#d97706}.att-status.tone-bad{background:var(--danger)}.att-status.tone-muted{color:var(--body-text);background:var(--line)}.confirm-backdrop{z-index:200;background:#09132394;justify-content:center;align-items:center;width:100%;max-width:430px;margin:0 auto;padding:20px;animation:.16s ease-out confirmFade;display:flex;position:fixed;inset:0}.confirm-sheet{text-align:center;background:var(--surface);border-radius:20px;width:100%;max-height:calc(100dvh - 40px);padding:22px 20px 18px;animation:.2s cubic-bezier(.34,1.4,.64,1) confirmRise;overflow-y:auto;box-shadow:0 18px 44px #09132357}.confirm-mark{border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 14px;display:grid}.confirm-mark.tone-action{color:var(--action-dark);background:var(--action-soft)}.confirm-mark.tone-finish{color:var(--blue);background:var(--blue-soft)}.confirm-sheet h2{letter-spacing:-.02em;font-size:21px;line-height:1.2}.confirm-sheet>p{color:var(--body-text);margin-top:7px;font-size:14px;line-height:1.5}.confirm-facts{text-align:left;background:var(--canvas);border-radius:var(--radius-action);margin:16px 0 4px;overflow:hidden}.confirm-facts>div{border-bottom:1px solid var(--line);grid-template-columns:88px minmax(0,1fr);align-items:start;gap:12px;padding:11px 14px;display:grid}.confirm-facts>div:last-child{border-bottom:0}.confirm-facts dt{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}.confirm-facts dd{color:var(--ink);word-break:break-word;margin:0;font-size:15px;font-weight:800;line-height:1.35}.confirm-actions{grid-template-columns:1fr 1.35fr;gap:10px;margin-top:18px;display:grid}.confirm-actions>button{border-radius:var(--radius-action);border:0;min-height:62px;padding:10px 12px;font-size:16px;font-weight:800}.confirm-cancel{color:var(--body-text);background:var(--canvas);border:2px solid var(--line)!important}.confirm-cancel:active{background:var(--line)}.confirm-go{color:#fff;background:var(--action);box-shadow:0 4px 0 var(--action-dark);transition:transform 80ms,box-shadow 80ms}.confirm-go.tone-finish{background:var(--blue);box-shadow:0 4px #1462c6}.confirm-mark.tone-danger{color:var(--danger);background:#dc26261a}.confirm-go.tone-danger{background:var(--danger);box-shadow:0 4px #991b1b}.confirm-go:active{box-shadow:none;transform:translateY(4px)}.confirm-actions>button:disabled{opacity:.6}@keyframes confirmFade{0%{opacity:0}to{opacity:1}}@keyframes confirmRise{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.confirm-backdrop,.confirm-sheet{animation:none}}.trips-screen .job-group-label.done{color:var(--body-text)}.job-group-label em{color:var(--muted);background:var(--canvas);border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:800}.section-label{color:var(--muted);text-transform:uppercase;margin:16px 3px 9px;font-size:11px;font-weight:700}.list-card{background:var(--surface);border-radius:var(--radius-card);margin-bottom:10px;padding:16px;box-shadow:0 3px 10px #0f172a0f}.list-card-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.list-card-title h2{font-size:17px}.list-card-title strong{color:var(--green);font-size:14px}.list-card p{color:var(--muted);align-items:flex-start;gap:7px;margin-top:8px;font-size:13px;line-height:1.4;display:flex}.list-card p svg{flex:none}.list-card small{color:var(--muted);margin-top:7px;font-size:12px;display:block}.figure-hero{text-align:center;background:var(--surface);border-radius:var(--radius-card);margin-bottom:14px;padding:16px 16px 15px;box-shadow:0 3px 10px #0f172a0f}.figure-hero-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.figure-hero strong{color:var(--green);letter-spacing:-.02em;margin-top:4px;font-size:34px;display:block}.figure-hero strong.blue-figure{color:var(--blue);font-size:44px}.figure-hero>p{color:var(--muted);margin-top:3px;font-size:12.5px}.figure-split{background:var(--line);border-radius:999px;height:8px;margin-top:12px;overflow:hidden}.figure-split>i{background:var(--green);border-radius:999px;height:100%;transition:width .3s;display:block}.figure-split.leave>i{background:var(--blue)}.figure-legend{color:var(--muted);justify-content:center;gap:14px;margin-top:9px;font-size:11.5px;font-weight:600;display:flex}.figure-legend>span{align-items:center;gap:5px;display:inline-flex}.figure-legend b{color:var(--ink);font-weight:800}.swatch{border-radius:3px;flex:none;width:9px;height:9px}.swatch.paid{background:var(--green)}.swatch.taken{background:var(--blue)}.swatch.pending{background:var(--line)}.breakdown-card{background:var(--surface);border-radius:var(--radius-card);justify-content:space-between;align-items:center;gap:10px;min-height:68px;margin-bottom:9px;padding:13px 14px;display:flex;box-shadow:0 3px 10px #0f172a0f}.breakdown-right{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.pay-state{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:9.5px;font-style:normal;font-weight:800}.pay-state.paid{color:#0b6b3a;background:var(--green-soft)}.pay-state.pending{color:var(--muted);background:var(--canvas)}.breakdown-card h2{font-size:15px}.breakdown-card p{color:var(--muted);margin-top:3px;font-size:11px}.breakdown-card>strong{white-space:nowrap;font-size:13px}.breakdown-card .positive{color:var(--green)}.breakdown-card .negative{color:var(--danger)}.achievement-card{background:var(--surface);border-radius:var(--radius-card);grid-template-columns:45px 1fr auto;align-items:center;gap:11px;min-height:72px;margin-bottom:9px;padding:12px;display:grid;box-shadow:0 3px 10px #0f172a0f}.badge-icon{width:45px;height:45px;color:var(--muted);background:var(--line);border-radius:50%;place-items:center;display:grid}.badge-icon.earned{color:var(--green);background:var(--green-soft)}.achievement-card h2{font-size:15px}.achievement-card p{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.35}.achievement-card>strong{color:var(--blue);text-align:right;font-size:12px}.leave-card{background:var(--surface);border-radius:var(--radius-card);justify-content:space-between;align-items:center;gap:10px;min-height:70px;margin-bottom:9px;padding:14px;display:flex;box-shadow:0 3px 10px #0f172a0f}.leave-card .status-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;min-width:0;min-height:0;padding:4px 10px;font-size:10.5px}.leave-card .status-badge.completed{color:#0b6b3a;background:var(--green-soft)}.leave-card .status-badge.pending{color:var(--muted);background:var(--canvas)}.leave-card .status-badge.rejected{color:#b42318;background:#dc26261f}.leave-card h2{font-size:16px}.leave-card p{color:var(--muted);margin-top:5px;font-size:12px}.leave-form{gap:15px;padding-top:5px;display:grid}.leave-form label{color:var(--muted);font-size:12px;font-weight:700}.leave-form input,.leave-form select{width:100%;min-height:58px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-action);margin-top:7px;padding:0 14px;font-size:15px;display:block}.special-request-screen{padding-bottom:104px}.special-request-screen .workflow-header{margin-bottom:18px}.request-type-list{gap:12px;display:grid}.request-type-list>button{min-height:82px;color:var(--ink);text-align:left;background:var(--surface);border-radius:var(--radius-card);border:0;grid-template-columns:50px 1fr 28px;align-items:center;gap:12px;padding:14px;display:grid;box-shadow:0 3px 10px #0f172a12}.request-type-icon{width:50px;height:50px;color:var(--blue);background:var(--blue-soft);border-radius:var(--radius-action);place-items:center;display:grid}.request-type-list strong,.request-type-list small{display:block}.request-type-list strong{font-size:16px}.request-type-list small{color:var(--muted);margin-top:5px;font-size:12px}.request-type-list>button>svg{color:var(--muted)}.special-request-form{gap:16px;display:grid}.special-request-form label,.special-request-form legend{color:var(--muted);font-size:12px;font-weight:700}.special-request-form input,.special-request-form select,.special-request-form textarea{width:100%;min-height:58px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-action);outline:0;margin-top:7px;padding:12px 14px;font-size:15px;display:block}.special-request-form textarea{resize:vertical;min-height:110px}.special-request-form input:focus,.special-request-form select:focus,.special-request-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.special-request-form fieldset{border:0}.choice-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.choice-grid button{min-height:58px;color:var(--body-text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-action);font-weight:800}.choice-grid button.selected{color:#fff;background:var(--action);border-color:var(--action)}.request-driver-card,.selected-job-summary{background:var(--surface);border-radius:var(--radius-card);padding:15px;box-shadow:0 3px 10px #0f172a0f}.request-driver-card span,.request-driver-card strong,.request-driver-card small{display:block}.request-driver-card span{color:var(--muted);font-size:11px}.request-driver-card strong{color:var(--ink);margin-top:5px;font-size:16px}.request-driver-card small{color:var(--blue);margin-top:3px;font-size:13px;font-weight:700}.selected-job-summary{grid-template-columns:76px 1fr;gap:10px;display:grid}.selected-job-summary span{color:var(--muted);font-size:11px}.selected-job-summary strong{text-align:right;font-size:13px;line-height:1.4}.request-error{color:var(--danger);border-radius:var(--radius-action);background:#dc262614;padding:13px 14px;font-size:13px;font-weight:700}.request-error small{color:var(--body-text);margin-top:4px;font-weight:500;display:block}.special-request-success{padding-top:calc(135px + var(--safe-top))}.subscreen-content>div:not(.workflow-screen):not(.completion-screen):not(.secondary-screen):not(.job-flow-screen){min-height:100vh;padding:calc(20px + var(--safe-top)) 18px 100px}.card{background:var(--surface);border-radius:var(--radius-card);margin-bottom:12px;padding:18px;box-shadow:0 3px 10px #0f172a0f}.btn-primary,.btn-outline{border-radius:var(--radius-action);justify-content:center;align-items:center;gap:8px;width:100%;min-height:64px;padding:14px;font-size:16px;font-weight:800;display:flex}.btn-primary{color:#fff;background:var(--action);border:0}.btn-outline{color:var(--blue);background:var(--surface);border:2px solid var(--blue)}.icon-btn{border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.badge{border-radius:var(--radius-chip);padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-completed{color:#fff;background:var(--green)}.badge-shunting{color:var(--blue);background:var(--blue-soft)}.card-title{color:var(--muted);text-transform:uppercase;margin:18px 2px 10px;font-size:12px;font-weight:700}.search-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-action);align-items:center;gap:10px;min-height:54px;padding:0 14px;display:flex}.search-input{border:0;outline:0;width:100%}.tab-pill{border-radius:var(--radius-chip);border:0;padding:7px 12px}.tab-pill.active{color:#fff;background:var(--blue)}.spin-animation{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width>=431px){.app-container{border-radius:18px;min-height:calc(100vh - 24px);margin-top:12px}.login-app-container,.login-app-container .premium-login-screen{height:calc(100vh - 24px);min-height:calc(100vh - 24px)}.main-content,.workflow-screen,.job-flow-screen,.completion-screen{min-height:calc(100vh - 24px)}.bottom-nav,.sticky-action{bottom:12px}.call-centre-fab{bottom:28px}}.pregate-screen{padding-bottom:90px}.pregate-header{background:linear-gradient(135deg, var(--primary,#0052cc), var(--primary-dark,#003380));color:#fff;border-bottom-right-radius:20px;border-bottom-left-radius:20px;padding:20px 20px 18px}.header-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.header-title-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.header-title-row h1{color:#fff;white-space:nowrap;margin:0;font-size:19px;font-weight:800}.header-title-row .subtitle{opacity:.9;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.header-add-btn{color:var(--primary,#0052cc);cursor:pointer;white-space:nowrap;background:#fff;border:0;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:8px 14px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #00000026}.header-add-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.header-add-btn:active{transform:translateY(0)}.modal-gate-mode-selector{background:#f1f5f9;border-radius:14px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;padding:5px;display:grid}.gate-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 10px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.gate-mode-btn:hover{color:#1e293b}.gate-mode-btn.active.in{color:#1d4ed8;background:#fff;border-color:#bfdbfe;box-shadow:0 3px 10px #1d4ed81f}.gate-mode-btn.active.out{color:#b45309;background:#fff;border-color:#fde68a;box-shadow:0 3px 10px #b453091f}.driver-auto-badge{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;display:flex}.driver-auto-badge .badge-icon{color:#16a34a;flex-shrink:0}.driver-auto-badge .badge-info{flex-direction:column;flex:1;gap:3px;display:flex}.badge-name-row{align-items:center;gap:6px;display:flex}.driver-auto-badge .badge-name{color:#15803d;font-size:13px;font-weight:800}.driver-auto-badge .badge-phone{color:#166534;font-size:12px;font-weight:600}.badge-ic-display-row{align-items:center;gap:8px;display:flex}.driver-auto-badge .badge-meta{color:#166534;font-size:12px;font-weight:600}.badge-edit-ic-btn{color:#1d4ed8;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700;text-decoration:underline}.badge-ic-input-row{align-items:center;gap:6px;margin-top:2px;display:flex}.badge-ic-input-row .ic-label{color:#166534;font-size:11px;font-weight:700}.badge-ic-input{flex:1;color:#0f172a!important;background:#fff!important;border:1px solid #86efac!important;border-radius:6px!important;min-height:32px!important;padding:0 8px!important;font-size:12px!important}.pregate-content{padding:16px}.pregate-alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.pregate-alert.success-alert{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.pregate-search-box{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;align-items:center;margin-bottom:16px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 8px #0f172a0a}.pregate-search-box:focus-within{border-color:var(--primary,#0052cc);box-shadow:0 4px 14px #0052cc1f}.pregate-search-box .search-icon{color:#64748b;flex-shrink:0;margin-left:14px}.pregate-search-box input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;min-height:48px;padding:0 12px;font-size:14px;font-weight:600}.pregate-search-box .clear-search-btn{color:#475569;cursor:pointer;background:#e2e8f0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;margin-right:12px;display:grid}.pregate-search-box .clear-search-btn:hover{color:#0f172a;background:#cbd5e1}.pregate-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172aa6;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pregate-modal-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:460px;max-height:90vh;animation:.25s ease-out popUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000040}.pregate-modal-header{background:var(--primary,#0052cc);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title-row{align-items:center;gap:12px;display:flex}.modal-icon-badge{background:#fff3;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.modal-title-row h2{color:#fff;margin:0;font-size:17px;font-weight:800}.modal-title-row small{opacity:.85;font-size:12px;display:block}.modal-close-btn{color:#fff;cursor:pointer;background:#fff3;border:0;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .15s;display:grid}.modal-close-btn:hover{background:#ffffff59}.pregate-modal-form{flex:1;padding:20px;overflow-y:auto}.modal-actions-row{gap:10px;margin-top:14px;display:flex}.modal-cancel-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;flex:1;min-height:50px;font-size:14px;font-weight:700}.modal-cancel-btn:hover{color:#0f172a;background:#e2e8f0}.pregate-submit-btn.modal-submit{flex:2;margin-top:0}.pregate-form-card{background:var(--surface,#fff);border-radius:16px;padding:20px;box-shadow:0 4px 16px #0f172a0f}.form-section-title{color:var(--primary,#0052cc);align-items:center;gap:8px;margin:16px 0 12px;font-size:14px;font-weight:700;display:flex}.form-section-title:first-child{margin-top:0}.form-group{margin-bottom:14px}.form-group label{color:var(--muted,#64748b);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.form-group input,.pregate-select{border:1.5px solid var(--line,#e2e8f0);width:100%;min-height:48px;color:var(--ink,#0f172a);box-sizing:border-box;border-radius:10px;outline:0;padding:0 14px;font-size:14px;font-weight:600;transition:border-color .2s}.form-group input:focus,.pregate-select:focus{border-color:var(--primary,#0052cc)}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=380px){.form-grid{grid-template-columns:1fr}}.pill-radios{flex-wrap:wrap;gap:8px;display:flex}.pill-radios .pill-btn{border:1.5px solid var(--line,#e2e8f0);color:var(--muted,#64748b);cursor:pointer;background:#f8fafc;border-radius:20px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s}.pill-radios .pill-btn.active{background:var(--primary,#0052cc);color:#fff;border-color:var(--primary,#0052cc)}.quick-job-picker{background:#f1f5f9;border-radius:10px;margin-bottom:14px;padding:10px 12px}.quick-job-picker .picker-label{color:#64748b;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.job-chips{flex-wrap:wrap;gap:6px;display:flex}.job-chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.job-chip.selected{border-color:var(--primary,#0052cc);color:var(--primary,#0052cc);background:#eff6ff}.photo-upload-box{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:16px}.upload-dropzone{color:var(--muted,#64748b);cursor:pointer;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.photo-preview{display:inline-block;position:relative}.photo-preview img{border:1px solid #e2e8f0;border-radius:8px;max-height:120px}.photo-preview .remove-photo{color:#fff;cursor:pointer;background:#ef4444;border:0;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:-8px;right:-8px}.pregate-submit-btn{background:var(--primary,#0052cc);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;margin-top:10px;font-size:15px;font-weight:800;transition:opacity .2s;display:flex;box-shadow:0 4px 12px #0052cc40}.pregate-submit-btn:disabled{opacity:.6;cursor:not-allowed}.pregate-history-section{margin-top:20px;padding-bottom:24px}.pregate-history-section .section-title{color:#1e293b;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:800;display:flex}.pregate-history-section .section-title .title-left{color:var(--primary,#0052cc);align-items:center;gap:8px;display:flex}.pregate-history-section .section-title .title-left span{color:#0f172a;font-size:15px;font-weight:800}.refresh-history-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.refresh-history-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.refresh-history-btn:disabled{opacity:.6;cursor:not-allowed}.empty-history{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:36px 20px;display:flex}.empty-history svg{color:#94a3b8}.empty-history p{margin:0;font-size:13px;font-weight:600}.loading-text{text-align:center;color:#64748b;padding:24px 0;font-size:13px;font-weight:600}.animate-spin{animation:1s linear infinite spin}.history-list{flex-direction:column;gap:12px;display:flex}.history-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0f172a0a}.history-card.clickable-card{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.history-card.clickable-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 6px 18px #0052cc1a}.history-card.clickable-card:active{transform:translateY(0)}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.tap-view-badge{color:var(--primary,#0052cc);background:#eff6ff;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.card-badges{align-items:center;gap:6px;display:flex}.card-top .badge{text-transform:uppercase;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800}.badge-in{color:#1e40af;background:#dbeafe}.badge-out{color:#92400e;background:#fef3c7}.status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:800;display:inline-flex}.status-badge.pending,.detail-status-pill.pending{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.status-badge.approved,.status-badge.complete,.status-badge.completed,.detail-status-pill.approved,.detail-status-pill.complete,.detail-status-pill.completed{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.status-badge.rejected,.status-badge.error,.status-badge.failed,.detail-status-pill.rejected,.detail-status-pill.error,.detail-status-pill.failed{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.history-time{color:#64748b;font-size:12px;font-weight:600}.history-card h3{color:#0f172a;margin:0;font-size:16px;font-weight:800}.history-card .meta{color:#64748b;margin:0 0 10px;font-size:12px}.meta-grid{color:#475569;background:#f8fafc;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px;font-size:11px;display:grid}.history-remark{color:#475569;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:0 6px 6px 0;margin:8px 0 0;padding:6px 10px;font-size:11px}.history-remark.error-remark{color:#b91c1c;background:#fef2f2;border-left:3px solid #ef4444}.card-retry-row{border-top:1px dashed #fecaca;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.btn-retry-card{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;transition:background .15s;display:inline-flex}.btn-retry-card:hover{background:#b91c1c}.resubmit-action-btn{margin-bottom:8px;background:#dc2626!important}.resubmit-action-btn:hover{background:#b91c1c!important}.history-detail-modal{max-width:480px}.pregate-detail-body{flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.detail-hero-box{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%);border:1px solid #bfdbfe;border-radius:14px;padding:14px 16px}.detail-hero-box .hero-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.container-badge-group{align-items:center;gap:10px;display:flex}.container-badge-group .hero-icon{color:var(--primary,#0052cc)}.hero-label{text-transform:uppercase;color:#64748b;font-size:11px;font-weight:700;display:block}.hero-val{color:#0f172a;margin:0;font-size:19px;font-weight:800}.detail-status-pill{text-transform:uppercase;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.detail-status-pill.approved{color:#15803d;background:#dcfce7}.hero-meta-row{color:#475569;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:10px;font-size:12px;font-weight:600;display:flex}.hero-terminal,.hero-time{align-items:center;gap:5px;display:flex}.detail-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px}.detail-section-title{color:var(--primary,#0052cc);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:800;display:flex}.detail-grid{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.detail-item{flex-direction:column;gap:2px;display:flex}.detail-item.full-width{grid-column:1/-1}.item-lbl{color:#64748b;font-size:11px;font-weight:600}.item-txt{color:#0f172a;font-size:13px;font-weight:700}.detail-remark-box{color:#78350f;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;padding:10px 12px;font-size:13px;font-weight:600}.detail-close-btn{background:#0f172a;margin-top:4px}.detail-close-btn:hover{background:#1e293b}.terminal-prompt-card{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:10px;padding:40px 20px;display:flex}.terminal-prompt-card .prompt-icon{color:var(--primary,#0052cc);opacity:.7}.terminal-prompt-card p{color:#64748b;max-width:280px;margin:0;font-size:13px;font-weight:600;line-height:1.5}.container-search-group{position:relative}.searchable-container-input{align-items:center;display:flex;position:relative}.searchable-container-input input{padding-right:36px}.searchable-container-input .toggle-dropdown-btn{color:#64748b;cursor:pointer;background:0 0;border:0;place-items:center;padding:6px;display:grid;position:absolute;right:8px}.container-dropdown-list{z-index:50;background:#fff;border:1px solid #cbd5e1;border-radius:12px;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0f172a26}.container-dropdown-list .dropdown-header{color:#475569;z-index:2;background:#f1f5f9;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:700;display:flex;position:sticky;top:0}.container-dropdown-list .dropdown-header button{color:#64748b;cursor:pointer;background:0 0;border:0}.container-dropdown-list .dropdown-item{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:10px 12px;transition:background .15s}.container-dropdown-list .dropdown-item:last-child{border-bottom:0}.container-dropdown-list .dropdown-item:hover,.container-dropdown-list .dropdown-item:active{background:#f0f7ff}.container-dropdown-list .dropdown-item.loading,.container-dropdown-list .dropdown-item.empty{color:#94a3b8;text-align:center;padding:16px;font-size:12px;font-weight:600}.dropdown-item .item-main{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.dropdown-item .item-main strong{color:#0f172a;font-size:14px;font-weight:800}.dropdown-item .badge-pending{color:#d97706;text-transform:uppercase;background:#fef3c7;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.dropdown-item .item-sub{color:#64748b;font-size:11px}.rank-panel{background:var(--surface);border-radius:var(--radius-card);margin-bottom:14px;padding:16px 16px 14px;position:relative;overflow:hidden;box-shadow:0 4px 14px #0f172a17}.rank-panel:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:45%;animation:4.5s ease-in-out infinite rankShine;position:absolute;top:0;bottom:0;left:-60%}:root[data-theme=dark] .rank-panel:after{background:linear-gradient(100deg,#0000,#ffffff17,#0000)}.rank-emblem{flex:none;place-items:center;display:inline-grid;position:relative}.rank-emblem-frame{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rank-emblem.has-art{background:0 0}.rank-emblem-art{object-fit:contain;filter:drop-shadow(0 2px 4px #0f172a52);width:100%;height:100%;display:block}:root[data-theme=dark] .rank-emblem-art{filter:drop-shadow(0 0 6px #e2f0ff57)drop-shadow(0 2px 4px #00000080)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .rank-emblem-art{filter:drop-shadow(0 0 6px #e2f0ff57)drop-shadow(0 2px 4px #00000080)}}.rank-emblem.has-art.locked{filter:saturate(.55)brightness(.9);opacity:.42}.rank-emblem.has-art .rank-emblem-level{bottom:-2px;right:-2px}.rank-emblem-icon{z-index:2;color:var(--tier-ink,#fff);filter:drop-shadow(0 1px 1px #00000047);position:relative}.rank-emblem-level{z-index:3;min-width:22px;height:22px;color:var(--ink);background:var(--surface);border:2px solid var(--tier-edge,var(--blue));border-radius:999px;place-items:center;padding:0 5px;font-size:12px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:0;right:0;box-shadow:0 1px 4px #0f172a2e}.rank-emblem.locked{filter:grayscale()opacity(.42)}.rank-emblem.locked .rank-emblem-level{color:var(--muted);border-color:var(--line)}.emblem-ray{animation:3.2s ease-in-out infinite emblemRays}@keyframes emblemRays{0%,to{opacity:.35}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.emblem-ray{opacity:.7;animation:none}}.rank-top{grid-template-columns:78px 1fr;align-items:center;gap:13px;display:grid}.rank-top>.rank-emblem{animation:2.6s ease-in-out infinite medalPulse}@media (prefers-reduced-motion:reduce){.rank-top>.rank-emblem{animation:none}}.rank-title strong{color:var(--ink);letter-spacing:-.03em;font-size:20px;line-height:1.15;display:block}.rank-title small{color:var(--muted);align-items:center;gap:5px;margin-top:4px;font-size:12px;font-weight:700;display:flex}.rank-title small svg{color:var(--warning)}.rank-next-inline{color:var(--blue);background:var(--blue-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;margin-top:7px;padding:4px 10px 4px 8px;font-size:12px;font-weight:700;display:inline-flex}.rank-next-inline b{color:var(--ink);font-size:13px;font-weight:900}.rank-next-inline svg{flex:none}.rank-bar{background:var(--line);border-radius:999px;height:20px;margin-top:13px;position:relative;overflow:hidden}.rank-bar-fill{background:linear-gradient(90deg, var(--blue-secondary), var(--blue));border-radius:999px;height:100%;transition:width 1.1s cubic-bezier(.22,1,.36,1)}.rank-bar-fill.maxed{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.rank-bar b{height:20px;color:var(--ink);letter-spacing:.02em;place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;top:0;left:0;right:0}.rank-next{color:var(--body-text);justify-content:space-between;align-items:center;gap:10px;margin-top:7px;font-size:12px;font-weight:700;display:flex}.rank-next em{color:var(--blue);font-style:normal;font-weight:900}.rank-track{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:2px;margin-top:15px;padding-top:16px;display:flex}.rank-step{flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;display:flex;position:relative}.rank-step:not(:last-child):before{z-index:0;background:var(--line);content:"";border-radius:999px;width:90%;height:4px;position:absolute;top:22px;left:55%}.rank-step.done:not(:last-child):before{background:var(--blue)}.rank-step>.rank-emblem{z-index:2;position:relative}.rank-step.now>.rank-emblem{animation:2s ease-in-out infinite medalPulse}@media (prefers-reduced-motion:reduce){.rank-step.now>.rank-emblem{animation:none}}.rank-step u{color:var(--muted);text-align:center;letter-spacing:.01em;font-size:9px;font-weight:800;text-decoration:none}.rank-step.done u,.rank-step.now u{color:var(--ink)}.tier-steel{--tier-face:linear-gradient(150deg, #a8b2c0 0%, #6b7686 55%, #4c5563 100%);--tier-ink:#fff;--tier-edge:#3f4753;--tier-glow:#4c556361}.tier-bronze{--tier-face:linear-gradient(150deg, #e8b48a 0%, #c07c42 52%, #8e4f1e 100%);--tier-ink:#fff;--tier-edge:#7a4318;--tier-glow:#8e4f1e66}.tier-silver{--tier-face:linear-gradient(150deg, #fff 0%, #dce3eb 48%, #9aa7b6 100%);--tier-ink:#3a4553;--tier-edge:#8593a4;--tier-glow:#8593a473}.tier-sapphire{--tier-face:linear-gradient(150deg, #dcebff 0%, #5b9be0 48%, #1f5fae 100%);--tier-ink:#fff;--tier-edge:#8593a4;--tier-glow:#1f5fae73}.tier-gold{--tier-face:linear-gradient(150deg, #fff1b8 0%, #f5c842 50%, #c8930c 100%);--tier-ink:#5b4405;--tier-edge:#a87b08;--tier-glow:#c8930c73}.tier-diamond{--tier-face:linear-gradient(150deg, #e8feff 0%, #7fe4f7 45%, #22b8e0 100%);--tier-ink:#06455c;--tier-edge:#109fc9;--tier-glow:#109fc97a}.tier-champion{--tier-face:linear-gradient(150deg, #ffe9a8 0%, #3b8fe8 50%, #1b4c96 100%);--tier-ink:#fff;--tier-edge:#e6b422;--tier-glow:#e6b42280}.tier-tag{letter-spacing:.09em;text-transform:uppercase;color:var(--tag-solid);margin-right:6px;font-style:normal;font-weight:900;display:inline-block}@supports ((-webkit-background-clip:text) or (background-clip:text)){.tier-tag{background-image:var(--tag-face);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}}.tier-text-steel{--tag-solid:#4e5763;--tag-face:linear-gradient(100deg, #6e7987 0%, #454e5a 45%, #6e7987 100%)}.tier-text-bronze{--tag-solid:#9a5418;--tag-face:linear-gradient(100deg, #c9803c 0%, #8a4713 48%, #d89552 100%)}.tier-text-silver{--tag-solid:#64788e;--tag-face:linear-gradient(100deg, #93a8be 0%, #566b82 42%, #a9bcce 100%)}.tier-text-sapphire{--tag-solid:#1f5fae;--tag-face:linear-gradient(100deg, #4a8bd8 0%, #17488a 45%, #7fb2ee 100%)}.tier-text-gold{--tag-solid:#a87b08;--tag-face:linear-gradient(100deg, #e3ac12 0%, #96690a 46%, #f2cb5a 100%)}.tier-text-diamond{--tag-solid:#0790b6;--tag-face:linear-gradient(100deg, #16b3dc 0%, #047394 45%, #4fd3ef 100%)}.tier-text-champion{--tag-solid:#b8860b;--tag-face:linear-gradient(100deg, #e0a82e 0%, #2e7fcb 38%, #6fc0f5 58%, #e0a82e 100%);background-size:220% 100%;animation:4s linear infinite tierShimmer}@keyframes tierShimmer{0%{background-position:0%}to{background-position:220%}}@media (prefers-reduced-motion:reduce){.tier-text-champion{animation:none}}:root[data-theme=dark] .tier-text-steel{--tag-solid:#9aa5b4;--tag-face:linear-gradient(100deg, #b4becb 0%, #808b9a 45%, #b4becb 100%)}:root[data-theme=dark] .tier-text-bronze{--tag-solid:#de9a5c;--tag-face:linear-gradient(100deg, #efaf72 0%, #c0793a 48%, #f3c193 100%)}:root[data-theme=dark] .tier-text-silver{--tag-solid:#c0cddc;--tag-face:linear-gradient(100deg, #dce6f0 0%, #a0b1c4 42%, #eaf1f8 100%)}:root[data-theme=dark] .tier-text-sapphire{--tag-solid:#7fb2ee;--tag-face:linear-gradient(100deg, #93c0f4 0%, #5490d6 45%, #b9d9fa 100%)}:root[data-theme=dark] .tier-text-gold{--tag-solid:#efc444;--tag-face:linear-gradient(100deg, #f7d257 0%, #c79a16 46%, #ffe896 100%)}:root[data-theme=dark] .tier-text-diamond{--tag-solid:#5fd8f2;--tag-face:linear-gradient(100deg, #7de3f8 0%, #2bafd4 45%, #a9effc 100%)}:root[data-theme=dark] .tier-text-champion{--tag-solid:#f0c64e;--tag-face:linear-gradient(100deg, #f5d26a 0%, #6fc0f5 38%, #a8dbff 58%, #f5d26a 100%)}.rank-ladder{gap:9px;display:grid}.rank-ladder-row{background:var(--surface);border-radius:var(--radius-card);border:1.5px solid #0000;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 14px;display:grid;box-shadow:0 3px 10px #0f172a0f}.rank-ladder-row.current{border-color:var(--blue);box-shadow:0 4px 14px #2287e52e}.ladder-copy{min-width:0}.ladder-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:16px;display:block;overflow:hidden}.ladder-copy small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:700;display:block}.rank-ladder-row.current .ladder-copy small{color:var(--blue)}.ladder-state{color:var(--muted);align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex}.ladder-state b{font-size:14px;font-weight:900}.ladder-state.earned{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.rank-mission{background:var(--canvas);border-radius:var(--radius-chip);grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:14px;padding:12px 13px;display:grid}.rank-mission span{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:800;display:block}.rank-mission strong{color:var(--ink);margin-top:3px;font-size:15px;display:block}.rank-stars{gap:4px;display:flex}.rank-stars svg{color:var(--line)}.rank-stars svg.lit{color:var(--warning);fill:var(--warning);animation:.45s cubic-bezier(.34,1.56,.64,1) backwards starPop}.rank-levelup{color:#7a4a00;border-radius:var(--radius-chip);letter-spacing:.02em;background:linear-gradient(90deg,#fde68a,#fcd34d);justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:11px;font-size:14px;font-weight:900;animation:.5s cubic-bezier(.34,1.56,.64,1) starPop;display:flex}.rank-levelup-award{background:linear-gradient(135deg,#fff7db 0%,#fce9a8 45%,#f6d77a 100%);border:2px solid #e0a82e;border-radius:15px;align-items:center;gap:13px;margin-top:13px;padding:13px 15px;animation:.6s cubic-bezier(.34,1.56,.64,1) awardLand;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 16px #b485144d,inset 0 1px #ffffffd9}.rank-levelup-award:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#fffc,#0000);width:42%;animation:2.6s ease-in-out .45s infinite awardShine;position:absolute;top:0;bottom:0;left:-55%;transform:skew(-18deg)}.award-emblem .rank-emblem-level{color:#5c3f06;background:#fff7db}.award-copy{gap:3px;min-width:0;display:grid}.award-copy small{color:#8a6414;letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:5px;font-size:11px;font-weight:800;display:flex}.award-copy strong{color:#5c3f06;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:900;overflow:hidden}@keyframes awardLand{0%{opacity:0;transform:scale(.86)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes awardShine{0%{left:-55%}55%,to{left:125%}}@media (prefers-reduced-motion:reduce){.rank-levelup-award,.rank-levelup-award:after{animation:none}.rank-levelup-award:after{display:none}}@keyframes rankShine{0%,62%{left:-60%}to{left:130%}}@keyframes medalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes starPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.pull-refresh-slot{height:0;margin:0;overflow:hidden}.pull-refresh-slot.settled{margin-bottom:12px;transition:height .18s ease-out,margin .18s ease-out}.pull-refresh-strip{min-height:54px;color:var(--blue);background:var(--blue-soft);border-radius:var(--radius-action);flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding:8px 14px;font-size:14px;transition:background-color .15s,color .15s;display:flex}.pull-refresh-strip svg{flex:none;transition:transform .15s}.pull-refresh-strip strong{font-size:14px;font-weight:800}.pull-refresh-strip small{width:100%;color:var(--muted);text-align:center;font-size:12px;font-weight:700}.pull-refresh-strip .flip-arrow{transform:rotate(180deg)}.pull-refresh-strip.armed{color:#fff;background:var(--action)}.pull-refresh-strip.armed small{color:#ffffffd9}.pull-refresh-strip.refreshing{color:var(--action);background:var(--action-soft)}.job-group-label.truck{color:var(--blue)}.job-group-note{color:var(--muted);margin:-4px 2px 12px;font-size:12px;line-height:1.45}.job-card.truck-job{background:var(--surface);border:1.5px dashed var(--blue);box-shadow:none}.flow-loading{background:var(--surface);border-radius:var(--radius-card);justify-content:center;align-items:center;min-height:96px;margin-top:14px;display:flex}.mt-loader-wrap{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding:18px 8px;display:flex}.mt-loader-wrap.compact{padding:8px 4px}.mt-loader{--mt-haul:2.6s;width:min(320px,86%)}.mt-loader-wrap.compact .mt-loader{width:min(210px,72%)}.mt-loader__cab{fill:var(--blue)}.mt-loader__cab-light{fill:var(--blue-secondary)}.mt-loader__label{color:var(--muted);letter-spacing:.02em;font-size:13px;font-weight:800;animation:1.6s ease-in-out infinite mt-label}.mt-loader__truck{animation:mt-haul var(--mt-haul) cubic-bezier(.45, .05, .35, 1) infinite}@keyframes mt-haul{0%{transform:translate(-242px)}to{transform:translate(-6px)}}.mt-loader__rail{stroke-dasharray:236;stroke-dashoffset:236px;animation:mt-rail var(--mt-haul) cubic-bezier(.45, .05, .35, 1) infinite}@keyframes mt-rail{0%{stroke-dashoffset:236px}to{stroke-dashoffset:0}}.mt-loader__hub{animation:.5s linear infinite mt-wheel-spin}@keyframes mt-wheel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mt-loader__stop{transform-box:fill-box;transform-origin:50%;animation:mt-stop var(--mt-haul) ease-in-out infinite}@keyframes mt-stop{0%,8%{fill:var(--surface);transform:scale(1)}16%{fill:var(--blue);transform:scale(1.45)}26%,to{fill:var(--blue);transform:scale(1)}}.mt-loader__streaks{animation:.5s steps(2,end) infinite mt-streak}@keyframes mt-streak{0%{opacity:.45}to{opacity:.15}}@keyframes mt-label{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.mt-loader__truck,.mt-loader__rail,.mt-loader__stop,.mt-loader__streaks,.mt-loader__label,.mt-loader__hub{animation:none}.mt-loader__truck{transform:translate(-6px)}.mt-loader__rail{stroke-dashoffset:0}.mt-loader__stop{fill:var(--blue)}}.completed-trip-card{cursor:pointer;padding-right:40px;position:relative}.completed-trip-card .list-card-title strong{align-items:center;gap:4px;display:inline-flex}.completed-trip-card .completed-card-cue{color:var(--muted);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.job-group-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin:18px 2px 10px;font-size:12px;font-weight:900;display:flex}.job-group-label:after{background:var(--line);content:"";flex:1;height:1px}.job-group-label.now{color:var(--blue)}.job-group-label.now .live-dot{background:var(--blue);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite medalPulse;display:inline-block}.job-group-label.done{color:var(--green)}.jobs-screen .job-group-label:first-of-type{margin-top:0}.job-card.status-active{box-shadow:inset 5px 0 var(--blue), 0 6px 18px #0f172a1c}.job-card.status-completed{opacity:.82}.step-time-chip{background:var(--green-soft);border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;font-size:12px;font-weight:800;color:var(--green)!important;display:inline-flex!important}.step-time-chip.start{background:var(--blue-soft);color:var(--blue)!important}.step-time-chip svg{flex:none}.step-time-missing{color:var(--muted);margin-top:6px;font-size:12px;font-style:italic;display:block}.step-live-chip{color:#ffffffeb;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:700;display:flex}.vertical-step>button>span{min-width:0;display:block}.destination-card.tappable{text-align:left;border:0;border-left:4px solid var(--blue);cursor:pointer;width:100%;display:block}.destination-card.tappable:active{transform:scale(.99)}.destination-card.tappable .eyebrow{display:block}.destination-card .tap-to-navigate{color:#fff;background:var(--blue);border-radius:999px;align-items:center;gap:7px;margin-top:12px;padding:9px 14px;font-size:13px;font-weight:800;display:inline-flex}.nav-sheet .nav-choice{color:#fff;border-radius:var(--radius-action);text-align:left;border:0;align-items:center;gap:13px;width:100%;min-height:72px;margin-top:10px;padding:12px 16px;display:flex}.nav-sheet .nav-choice span,.nav-sheet .nav-choice strong,.nav-sheet .nav-choice small{display:block}.nav-sheet .nav-choice strong{font-size:17px}.nav-sheet .nav-choice small{color:#ffffffd9;margin-top:3px;font-size:12px}.nav-sheet .nav-choice.waze{color:#05263a;background:#3cf}.nav-sheet .nav-choice.waze small{color:#05263ab8}.nav-sheet .nav-choice.gmaps{background:#1a73e8}.nav-sheet .call-sheet-title h2{font-size:15px;font-weight:700;line-height:1.35}.focus-job-card.hero{color:#fff;background:linear-gradient(140deg,#123a63 0%,#0e4a6b 55%,#0a5c73 100%);border:1.5px solid #ffffff24;margin:0 0 14px;padding:18px 18px 16px;box-shadow:0 8px 22px #06283c57}.focus-job-card.hero.running{box-shadow:0 8px 22px #06283c57,0 0 0 3px #7fe4f752}.focus-job-card.hero .eyebrow{color:#7fe4f7;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.focus-job-card.hero .eyebrow .live-dot{background:#7fe4f7;border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite medalPulse}.focus-job-card.hero strong{color:#fff;letter-spacing:-.02em;margin:8px 0 10px;font-size:30px}.focus-job-card.hero small{color:#ffffffe0;white-space:normal;font-size:13px}.focus-job-card.hero .focus-job-when{color:#ffffffb8;margin-top:5px}.focus-job-card.hero .focus-job-cta{color:#10371f;background:var(--green,#22c55e);border-radius:var(--radius-action);justify-content:center;align-items:center;gap:8px;min-height:52px;margin-top:14px;padding:0 16px;font-size:16px;font-weight:900;display:flex}.focus-job-card.hero{transition:transform 80ms,box-shadow 80ms}.focus-job-card.hero:active{transform:translateY(3px);box-shadow:0 3px 10px #06283c66}.focus-job-go{color:#fff;background:#ffffff2e;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.focus-job-card.hero.idle{background:linear-gradient(140deg,#2a4256 0%,#1a2b39 100%);box-shadow:0 8px 22px #0f172a4d}.focus-job-card.hero.idle strong{font-size:24px}.focus-job-card.hero.idle .focus-job-cta{color:#0a2e3d;background:#ffffffeb}:root[data-theme=dark] .focus-job-card.hero{background:linear-gradient(140deg,#0e2e4f 0%,#0b3a54 55%,#08475a 100%);border-color:#ffffff2e}:root[data-theme=dark] .focus-job-card.hero.idle{background:linear-gradient(140deg,#24374a 0%,#16232e 100%)}:root[data-theme=dark] .focus-job-card.hero.idle .focus-job-cta{color:#fff;background:#ffffff29}.focus-job-dock{z-index:45;right:0;bottom:calc(96px + var(--safe-bottom));pointer-events:none;max-width:430px;margin:0 auto;padding:0 14px;position:fixed;left:0}.focus-job-dock .focus-job-card{pointer-events:auto;margin:0}.focus-job-dock .focus-job-card.hero{-webkit-backdrop-filter:blur(8px);padding:12px 52px 12px 14px;box-shadow:0 12px 30px #04203073}.focus-job-dock .focus-job-card.hero strong{margin:4px 0 6px;font-size:22px}.focus-job-dock .focus-job-card.hero .focus-job-cta{min-height:44px;margin-top:10px}.focus-job-dock .focus-job-card.hero.idle strong{font-size:20px}.home-screen{padding-bottom:160px}.job-group-label.pending{color:var(--muted)}.job-group-count{color:var(--muted);background:var(--canvas);border-radius:999px;margin-left:2px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:800}.job-group-label.pending:after{background:var(--line)}.job-group.doing-now .job-card{background:linear-gradient(135deg,#fff 0%,#f2f8ff 58%,#eaf6fc 100%) padding-box padding-box,linear-gradient(135deg,#72b9f8,#c7e0f4 50%,#83cfda) border-box;border:2px solid #0000;box-shadow:0 5px 16px #27527b1a}:root[data-theme=dark] .job-group.doing-now .job-card{background:linear-gradient(135deg,#1c2d40,#172b3b) padding-box padding-box,linear-gradient(135deg,#4278a3,#30495f 50%,#397f88) border-box;box-shadow:0 5px 16px #0000002e}.job-group.doing-now .job-card .job-card-top,.job-group.doing-now .job-card .assigned-job-slot{border-color:#668eaf33}.job-group.doing-now .job-card .route-line.delivery{border-left-color:#668eaf33}.job-group.doing-now .job-card:before{content:none}.job-group.pending .job-card{border:1px solid var(--line);border-left:4px solid var(--muted);box-shadow:none}.job-group.pending .job-card.truck-job{border:1.5px dashed var(--line);border-left:4px solid var(--blue)}.job-group.pending .primary-button:disabled{filter:none}.job-group.pending .job-card.blocked{border-left-color:var(--warning)}.job-card.blocked .primary-button:disabled{color:var(--body-text);background:var(--canvas);border:1.5px solid var(--line);box-shadow:none;opacity:1;justify-content:center;align-items:center;gap:8px;font-size:15px;display:flex}.blocked-help{width:100%;min-height:44px;color:var(--blue);background:var(--blue-soft);border-radius:var(--radius-action);border:0;justify-content:center;align-items:center;gap:7px;margin-top:8px;font-size:14px;font-weight:700;display:flex}.blocked-help:active{transform:translateY(1px)}.field-label{color:var(--muted);font-size:12px;font-weight:700;display:block}.required-star{color:#e5484d;margin-left:2px;font-size:14px;font-style:normal;font-weight:900}.optional-tag{color:var(--muted);text-transform:lowercase;margin-left:4px;font-size:11px;font-weight:600}.field-note{color:var(--muted);margin-top:7px;font-size:12px;font-weight:500;line-height:1.45;display:block}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.extra-task-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.extra-task-row>label{min-width:0}.extra-task-row .direction-cell{flex:none}.extra-task-row .direction-cell .choice-grid{grid-template-columns:repeat(2,62px)}.extra-task-row.no-direction .direction-cell{opacity:.45}.selected-job-summary{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-action);grid-template-columns:1fr;gap:10px;padding:13px 14px;display:grid}.selected-job-summary>div{text-align:left;display:block}.selected-job-summary span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.selected-job-summary strong{text-align:left;margin-top:3px;font-size:14px;line-height:1.4;display:block}.profile-identity{justify-content:center;align-items:center;display:flex}.profile-name-row{justify-content:center;padding:0 42px;display:flex}.profile-hero .profile-name-row h2{position:relative}.level-plate{border:1px solid var(--plate-edge,#b5b6b5);background:repeating-linear-gradient(0deg, #ffffff12 0 .5px, #00000006 .5px 1px, transparent 1px 3px), linear-gradient(115deg, var(--plate-start,#d4d5d2) 0%, var(--plate-highlight,#f0f0ed) 28%, var(--plate-shade,#bfc0bd) 65%, var(--plate-end,#d4d4cf) 100%);border-radius:4px;align-items:center;gap:7px;max-width:100%;margin-top:8px;padding:6px 10px 7px 7px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffc4,inset 0 -1px #00000020,0 2px 3px #00000029}.level-plate-gold{--plate-edge:#c79a3c;--plate-start:#2b2418;--plate-highlight:#4a3d27;--plate-shade:#0e0b07;--plate-end:#241d12;box-shadow:inset 0 1px #f6d48466,inset 0 -1px #000000b3,0 0 0 1px #c69b4266,0 3px 8px #00000073}.level-plate-gold .plate-copy i{color:#c2a054;text-shadow:0 1px 1px #000000d9}.level-plate-gold .plate-copy strong{color:#f1d791;text-shadow:0 1px 1px #000000e6}.level-plate-gold:after{background:linear-gradient(115deg,#0000 15%,#ffe2a03d 35%,#0000 60%)}.level-plate-gold .plate-stud{box-shadow:0 1px 3px #0009,inset 0 1px #ffe2a073}.level-plate:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 15%,#ffffff24 35%,#0000 60%);position:absolute;inset:0}.level-plate:before{content:none}.level-plate>*{z-index:2;position:relative}.plate-stud{color:#fff;background:linear-gradient(160deg, var(--tier), var(--tier2,var(--tier))) padding-box, conic-gradient(var(--tier) calc(var(--pct,0) * 1%), var(--track,#00000029) 0) border-box;text-shadow:0 1px 2px #00000080;border:2px solid #0000;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:10px;font-weight:800;line-height:1;display:grid;box-shadow:0 1px 2px #00000040,inset 0 1px #fff6}.plate-copy{text-align:left;gap:3px;min-width:0;display:grid}.plate-copy i{color:#575b56;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px #ffffff80;font-size:6px;font-style:normal;font-weight:500;line-height:1}.plate-copy strong{color:#292e29;letter-spacing:.075em;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:0 1px #ffffffa6;font-size:10px;font-weight:600;line-height:1.15}:root[data-theme=dark] .level-plate{border-color:var(--plate-edge,#858783);box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #00000030,0 2px 4px #0006}:root[data-theme=dark] .level-plate.level-plate-gold{box-shadow:inset 0 1px #f6d48466,inset 0 -1px #000c,0 0 0 1px #c69b4280,0 3px 9px #000000a6}.career-level-block{background:var(--canvas);border-radius:var(--radius-action);border-left:4px solid var(--tier,var(--line));margin-top:14px;padding:13px 14px}.career-level-top{align-items:center;gap:12px;display:flex}.career-level-badge{color:#fff;background:var(--tier);border-radius:12px;place-items:center;min-width:58px;padding:6px 0;display:grid}.career-level-badge small{letter-spacing:.1em;text-transform:uppercase;opacity:.85;font-size:9px;font-weight:800}.career-level-badge b{font-size:25px;line-height:1}.career-level-copy strong{font-size:16px;display:block}.career-level-copy small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.career-level-block .exp-bar{margin-top:11px}.career-level-block p{color:var(--muted);justify-content:space-between;gap:10px;margin-top:6px;font-size:11px;font-weight:700;display:flex}.career-level-note{color:var(--muted);font-size:11px;font-weight:500;line-height:1.45;display:block}.hero-eyebrow{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:800;display:block}.section-count{color:var(--muted);margin-left:6px;font-size:11px;font-style:normal;font-weight:800}.month-history-toggle{width:100%;min-height:42px;color:var(--blue-ink);background:var(--canvas);border-radius:var(--radius-action);border:0;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;padding:0 12px;font-size:12.5px;font-weight:800;display:flex}.month-history-toggle svg{flex:none;transition:transform .15s}.month-history-toggle.open svg{transform:rotate(180deg)}.month-history-row.earlier{box-shadow:none;opacity:.88;background:0 0}.month-history-row.earlier strong{font-size:13px}.month-history{gap:8px;display:grid}.month-history-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:10px 12px;display:grid}.month-history-row strong{font-size:14px;display:block}.month-history-row small{color:var(--muted);font-size:11px;display:block}.month-history-figures{place-items:center;display:grid}.month-history-figures b{font-size:17px}.month-history-figures em{color:var(--muted);text-transform:uppercase;font-size:10px;font-style:normal;font-weight:700}.month-history-note{color:var(--muted);padding:4px 2px;font-size:11.5px;line-height:1.5}.driver-greeting{margin:calc(-24px - var(--safe-top)) -18px 14px;padding:calc(22px + var(--safe-top)) 18px 20px;color:var(--ink);background:linear-gradient(160deg,#eaf3fd 0%,#ddebfa 55%,#eef5fc 100%);border:2px solid #fff;border-top:0;border-radius:0 0 22px 22px;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #1e63c81f}.driver-greeting .eyebrow{color:#0e4377;letter-spacing:.07em;font-weight:900}.driver-greeting h1{color:#0f2036;margin:3px 0 8px;font-size:24px}.driver-greeting .driver-truck{color:#22384f;font-weight:600}.driver-greeting-copy{z-index:1;min-width:0;position:relative}.greeting-art{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0% 34%,#000 68%);mask-image:linear-gradient(90deg,#0000 0% 34%,#000 68%)}.notification-bell{z-index:1;width:44px;height:44px;color:var(--blue-ink);background:#fff;border:1.5px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:2px;display:flex;position:relative;box-shadow:0 3px 10px #1e63c829}.notification-bell:active{box-shadow:none;transform:translateY(1px)}:root[data-theme=dark] .driver-greeting{color:#fff;background:linear-gradient(160deg,#123055 0%,#0f2748 60%,#14355f 100%);border-color:#ffffff8c}:root[data-theme=dark] .driver-greeting .eyebrow,:root[data-theme=dark] .driver-greeting .driver-truck{color:#fffc}:root[data-theme=dark] .driver-greeting h1{color:#fff}.log-row.current .log-rail:before{background:var(--green);bottom:calc(100% - 25px)}.log-row.current .log-rail:after{content:"";background:repeating-linear-gradient(to bottom, var(--green) 0 8px, var(--green-soft) 8px 16px);background-size:2px 16px;width:2px;animation:1s linear infinite rail-flow;position:absolute;top:25px;bottom:0}.log-row.current+.log-row .log-rail:after{content:"";background:repeating-linear-gradient(to bottom, var(--green) 0 8px, var(--green-soft) 8px 16px);background-size:2px 16px;width:2px;animation:1s linear infinite rail-flow;position:absolute;top:0;bottom:calc(100% - 25px)}.log-row.current:first-child .log-rail:before,.log-row.current:last-child .log-rail:after{display:none}@keyframes rail-flow{to{background-position-y:16px}}@media (prefers-reduced-motion:reduce){.log-row.current .log-rail:after{animation:none}}.staging-request-block{margin-top:12px}.staging-request-block .staging-out-choice{margin-top:0}.staging-request-form{border-radius:0 0 var(--radius-card) var(--radius-card);background:#fffaf5;border:1.5px solid #b54708;border-top:0;gap:10px;margin-top:-1px;padding:14px 16px 16px;display:grid}.staging-request-block .staging-out-choice.checked{border-radius:var(--radius-card) var(--radius-card) 0 0}.staging-request-form textarea{width:100%;font:inherit;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-action);resize:vertical;padding:12px;font-size:15px}.staging-request-form textarea:disabled{color:var(--muted)}.staging-request-button{background:#b54708;box-shadow:0 5px #7a2e05,0 11px 18px #b547084d}.staging-request-button:disabled{background:var(--line);color:var(--muted);box-shadow:none}.staging-request-done{color:var(--green);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}:root[data-theme=dark] .staging-request-form{background:#2a1b0c;border-color:#d97706}.request-kind-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.request-kind-grid button{min-height:96px;color:var(--ink);text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.request-kind-grid button strong{font-size:16px}.request-kind-grid button small{color:var(--muted);font-size:12px;line-height:1.35}.request-kind-grid button svg{color:var(--blue)}.request-kind-grid button.selected{color:var(--blue-ink);background:var(--blue-soft);border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.request-kind-grid button.selected small{color:var(--blue-ink)}.notification-list{gap:10px;display:grid}.notification-card{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:var(--radius-card);gap:12px;padding:14px;display:flex}.notification-card.tone-approved{border-left-color:var(--green)}.notification-card.tone-rejected{border-left-color:var(--danger)}.notification-card.tone-pending{border-left-color:#f59e0b}.notification-icon{width:38px;height:38px;color:var(--muted);background:var(--canvas);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.tone-approved .notification-icon{color:var(--green);background:var(--green-soft)}.tone-rejected .notification-icon{color:var(--danger);background:#dc26261a}.tone-pending .notification-icon{color:#b45309;background:#f59e0b24}.notification-body{flex:1;min-width:0}.notification-body strong{font-size:15px;line-height:1.3;display:block}.notification-body small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.notification-body p{color:var(--body-text);overflow-wrap:anywhere;margin:8px 0 0;font-size:13px;line-height:1.45}.notification-body time{color:var(--muted);margin-top:8px;font-size:11px;font-weight:600;display:block}.home-screen .driver-greeting{background:linear-gradient(120deg,#f8fdff,#e6f5ff);border:0;border-radius:16px;min-height:108px;margin:-12px 0 12px;padding:16px 14px 20px;box-shadow:0 3px 15px #b8d7e644}.home-screen .driver-greeting .eyebrow{color:#7473a6;text-transform:none;letter-spacing:0;font-size:17px;font-weight:400}.home-screen .driver-greeting h1{color:#070b10;font-size:27px;line-height:1.1}.home-screen .driver-greeting .driver-truck{color:#7473a6;font-weight:400}.home-screen .greeting-art{opacity:.65;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.home-screen .greeting-art>g{display:none}.home-screen .notification-bell{box-shadow:none;color:#0878ff;background:0 0;border:0}.home-screen .metric-grid{gap:8px}.home-screen .metric-card{border-radius:13px;min-height:125px;padding:13px 9px 26px 57px}.home-screen .metric-card.tile-jobs{background:linear-gradient(135deg,#30302b,#10182e 68%,#080e24);border:1px solid #e69836}.home-screen .metric-card.tile-earnings{background:radial-gradient(at 100% 0,#492181,#0000 75%),linear-gradient(135deg,#2c1553,#170d36);border:1px solid #a14dff;box-shadow:0 2px 9px #7926df44}.home-screen .metric-card>span:not(.metric-emblem):not(.jobs-track){color:#fff;gap:2px;font-size:12px;font-weight:400}.home-screen .metric-card strong{white-space:nowrap;color:#fff;margin-top:8px;font-size:26px}.home-screen .tile-jobs strong{color:#ff8a00;font-size:36px}.home-screen .metric-card small{color:#f4ecff;margin-top:5px;font-size:9px;font-weight:400}.home-screen .metric-card .metric-emblem{color:#fff3d4;background:linear-gradient(135deg,#e79b32,#79350b 65%,#332317);border:1px solid #ffb44a;border-radius:13px;place-items:center;width:39px;height:48px;display:grid;position:absolute;top:22px;left:10px;transform:rotate(-6deg);box-shadow:inset 0 0 8px #ffc25c88,0 0 10px #ff8a0022}.home-screen .metric-emblem svg{width:27px;height:27px}.home-screen .tile-earnings .metric-emblem{color:#ffda35;background:linear-gradient(135deg,#a344ff,#430b9c);border-color:#bd7bff;box-shadow:inset 0 0 9px #af5aff}.home-screen .jobs-track{background:#ffffff30;border-radius:8px;height:8px;margin-right:35px;position:absolute;bottom:10px;left:12px;right:12px}.home-screen .jobs-track i{border-radius:inherit;background:linear-gradient(90deg,#ff7900,#ffdc39);width:35%;height:100%}.home-screen .jobs-track svg{color:#ffc960;position:absolute;bottom:-3px;right:-32px}.home-screen .earnings-art{color:#b46cff;opacity:.4;width:55px;height:38px;position:absolute;bottom:3px;right:8px}.home-screen .duty-card{border:0;border-radius:16px;padding:12px}.home-screen .duty-head{grid-template-columns:32px minmax(0,1fr) auto 14px;gap:7px}.home-screen .duty-dot{color:#7473a6;background:#edf2f8;width:32px;height:32px}.home-screen .duty-copy strong{font-size:16px}.home-screen .duty-copy small{color:#7473a6;font-size:10px;font-weight:400}.home-screen .att-status{white-space:nowrap;grid-column:auto;padding:5px 9px;font-size:10px}.home-screen .duty-times{flex-wrap:wrap;align-items:center;margin-top:10px}.home-screen .duty-punch{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;min-width:78px;padding:8px}.home-screen .duty-punch.in{background:#e4fff0}.home-screen .duty-punch.in i{color:#00c75b}.home-screen .duty-punch.out{background:#e7f5ff}.home-screen .duty-note{color:#7473a6;flex-direction:row-reverse;flex:1;justify-content:flex-end;min-width:95px;padding-bottom:0;font-size:9px;font-weight:400}.home-screen .focus-job-dock{z-index:45;right:0;bottom:calc(96px + var(--safe-bottom));pointer-events:none;max-width:430px;margin:0 auto;padding:0 14px;position:fixed;left:0}.home-screen .focus-job-dock .focus-job-card.hero{background:radial-gradient(at 100% 0,#0756ab88,#0000 65%),linear-gradient(115deg,#03182e,#003779);border:1px solid #168bff;border-radius:14px;min-height:132px;padding:14px 60px 14px 14px;overflow:hidden;box-shadow:0 3px 12px #006bbd33}.home-screen .focus-job-card.hero:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#2776b522 0 5px,#001f4933 6px 14px);border:5px solid #2673b522;width:45%;height:80%;position:absolute;bottom:-10px;right:-8px;transform:skewY(-12deg)}.home-screen .focus-job-card.hero>*{position:relative}.home-screen .focus-job-card.hero .eyebrow{color:#00e7f5;letter-spacing:0;font-weight:400}.home-screen .focus-job-card.hero strong{font-size:25px}.home-screen .focus-job-card.hero .focus-job-address{align-items:flex-start;font-size:11px;line-height:1.5}.home-screen .focus-job-address span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home-screen .focus-job-card.hero .focus-job-when{font-size:11px}.home-screen .focus-job-card.hero .focus-job-go{background:#0878ff;border-radius:22px;width:43px;height:36px;position:absolute;right:12px;box-shadow:0 0 18px #0878ff77}@media (width<=360px){.home-screen .metric-card{padding-left:45px}.home-screen .metric-card .metric-emblem{width:32px;left:6px}.home-screen .metric-card strong{font-size:22px}.home-screen .duty-head{gap:4px}}:root[data-theme=dark] .home-screen .driver-greeting{background:linear-gradient(120deg,#17334e,#102942)}:root[data-theme=dark] .home-screen .driver-greeting h1{color:#fff}.home-screen .driver-greeting-copy{width:100%}.home-screen .driver-greeting{padding-right:14px}.home-screen .driver-greeting .notification-bell{width:32px;height:32px;position:absolute;top:10px;right:10px}.home-screen .driver-greeting .eyebrow{padding-right:32px}.home-screen .driver-identity{flex-wrap:wrap;align-items:center;gap:5px;margin:3px 0 6px;display:flex}.home-screen .driver-header-rank{flex:0 0 38px;display:flex}.home-screen .driver-identity h1{overflow-wrap:anywhere;flex:0 auto;min-width:0;margin:0;font-size:clamp(17px,4.7vw,22px)}.home-screen .driver-identity .level-plate{flex:none;gap:4px;margin:0 0 0 7px;padding:2px 5px}.home-screen .driver-identity .plate-stud{width:18px;height:18px;font-size:8px}.home-screen .driver-identity .plate-copy{gap:2px}.home-screen .driver-identity .plate-copy strong{max-width:76px;font-size:7.5px}.home-screen .driver-identity .plate-copy i{font-size:5.5px}.home-screen .rank-panel{border-radius:20px;padding:18px 12px 16px;box-shadow:0 4px 18px #adc9df26}.home-screen .rank-panel:after{content:none}.home-screen .rank-top{grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;padding-right:20px;position:relative}.home-screen .rank-top>.rank-emblem{animation:none}.home-screen .rank-title>strong{letter-spacing:-.025em;font-size:21px}.home-screen .rank-title small{flex-wrap:wrap;font-size:10px;font-weight:500}.home-screen .rank-summary{color:var(--body-text);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:9px;font-size:12px;font-weight:600;display:flex}.home-screen .rank-summary em{color:var(--blue);font-style:normal;font-weight:800}.home-screen .rank-summary>span:first-child em{font-size:17px}.home-screen .rank-summary .rank-target{font-size:10px}.home-screen .rank-progress-row{grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;gap:5px;margin-top:20px;display:grid}.home-screen .rank-progress-end{color:var(--ink);flex-direction:column;align-items:center;gap:3px;font-size:9px;font-weight:700;display:flex}.home-screen .rank-progress-end.upcoming{color:var(--muted)}.home-screen .rank-progress-row .rank-bar{border-radius:7px;height:23px;margin-top:8px}.home-screen .rank-progress-row .rank-bar-fill{background:linear-gradient(100deg,#5bc4f5,#2295f5);border-radius:7px}.home-screen .rank-progress-row .rank-bar-fill.maxed{background:linear-gradient(100deg,#f1cb62,#dfa522)}.home-screen .rank-progress-row .rank-bar b{height:23px;color:var(--ink);font-size:13px}.home-screen .rank-track{gap:0;margin-top:16px;padding-top:18px}.home-screen .rank-step{gap:5px}.home-screen .rank-step>.rank-emblem{max-width:100%}.home-screen .rank-step.now>.rank-emblem{animation:none}.home-screen .rank-step u{letter-spacing:-.02em;width:100%;padding:5px 0;font-size:8px;display:block}.home-screen .rank-step.now u{background:var(--blue-soft);border-radius:20px}@media (width<=360px){.home-screen .rank-top{grid-template-columns:70px minmax(0,1fr);gap:7px}.home-screen .rank-top>.rank-emblem{width:70px!important;height:70px!important}.home-screen .rank-title>strong{font-size:18px}.home-screen .rank-step u{font-size:7px}}.celebrate-backdrop{-webkit-backdrop-filter:blur(7px);background:linear-gradient(#161a20de,#080d14f2);max-width:430px;padding:60px 22px 30px;overflow-y:auto}.celebrate-card{width:100%;max-width:420px;box-shadow:none;background:0 0;border-radius:0;padding:16px 10px 25px;position:static}.celebrate-close{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));color:#d3d6db;background:#ffffff08;border:1px solid #ffffff26;width:42px;height:42px;position:absolute}.celebrate-eyebrow{color:#e8cb80;letter-spacing:0;text-transform:none;background:0 0;gap:9px;padding:0;font-size:16px;font-weight:500}.celebrate-eyebrow svg{width:22px;height:22px}.celebrate-emblem{isolation:isolate;min-height:210px;margin:30px 0 20px;position:relative}.celebrate-emblem:before{content:"";z-index:-1;filter:blur(3px);background:radial-gradient(circle,#ffd27166,#0000 65%),repeating-conic-gradient(from 12deg,#0000 0deg 22deg,#f5c65920 24deg,#0000 27deg 45deg);border-radius:50%;width:290px;height:290px;position:absolute}.celebrate-emblem>.rank-emblem{filter:drop-shadow(0 0 17px #f1c24d55)}.celebrate-card h2{color:#ffedbc;text-shadow:0 2px 15px #e0b94b22;margin:0;font-size:clamp(30px,8vw,42px);line-height:1.15}.celebrate-card>p{color:#b6bac2;margin:10px 0 0;font-size:16px;line-height:1.5}.celebrate-card .primary-button{color:#27200e;background:linear-gradient(120deg,#eed384,#ffe8a3 35%,#cda34f 100%);border:1px solid #ffe7a0;border-radius:13px;width:min(100%,250px);min-height:52px;margin:28px auto 0;font-size:20px;font-weight:800;box-shadow:inset 0 1px #fff4c6,0 0 25px #e8b84633}.celebrate-card button:focus-visible{outline-offset:4px;outline:3px solid #fff2bc}@media (height<=620px){.celebrate-backdrop{align-items:flex-start}.celebrate-emblem{margin:15px 0}}