*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#101418;-webkit-font-smoothing:antialiased;background:#eef1f4;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}main{max-width:1240px;margin:auto;padding:22px 24px 40px}.loginShell{background:radial-gradient(circle at top,#202b37 0,#0b1118 52%,#05080c 100%);place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{background:#fff;border:1px solid #dfe4e8;border-radius:26px;width:min(430px,100%);padding:30px;box-shadow:0 22px 70px #00000057}.loginCard:before{content:"";background:#050505 url(/mcl-driver-app-icon-1024.png) 50%/cover no-repeat;border-radius:20px;width:82px;height:82px;margin-bottom:14px;display:block;box-shadow:0 8px 22px #0003}.loginCard h1{letter-spacing:-1.2px;margin:4px 0 6px;font-size:36px}.topbar{color:#fff;background:linear-gradient(135deg,#111821,#071018);border:1px solid #283441;border-radius:26px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:22px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #0d161f29}.topbar:after{content:"";pointer-events:none;background:#f7b50014;border-radius:50%;width:190px;height:190px;position:absolute;top:-70px;right:-45px}.topbar h1{letter-spacing:-1px;margin:4px 0;font-size:34px}.eyebrow{letter-spacing:1.55px;color:#7c8790;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.topbar .eyebrow{color:#f7b500}.muted{color:#6c7780}.topbar .muted{color:#c9d0d6}.helper{color:#79848d;margin:14px 0 0;font-size:12px;line-height:1.5}.statusStack{z-index:1;justify-items:end;gap:8px;display:grid;position:relative}.textButton{color:#d7dde2;background:0 0;border:0;padding:4px 0;text-decoration:underline}.portalActions{flex-wrap:wrap;gap:10px;display:flex}.portalLink{color:#111;background:#fff;border:1px solid #dfe4e8;border-radius:12px;padding:12px 16px;font-weight:900}.progressBar{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eef1f4eb;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:7px;margin:0 0 16px;padding:5px;display:grid;position:sticky;top:8px}.step{color:#69747d;text-align:center;background:#dfe4e8;border-radius:11px;padding:10px 7px;font-size:11px;font-weight:900;box-shadow:inset 0 0 0 1px #00000006}.step.done{color:#111821;background:#f7b500}.grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.card{background:#fff;border:1px solid #dfe4e8;border-radius:22px;padding:20px;box-shadow:0 7px 22px #18212a0e}.card.hero{background:linear-gradient(160deg,#fff,#f8fafb)}.wide{grid-column:1/-1}.card h2{letter-spacing:-.5px;margin:6px 0 9px;font-size:24px}.card h3{letter-spacing:-.3px}.primary,.secondary,.danger,select,input,textarea{border:0;border-radius:12px;padding:13px 15px;font-size:14px}.primary{color:#111821;background:#f7b500;font-weight:900;box-shadow:0 5px 14px #f7b50038}.primary:hover{filter:brightness(.97)}.primary:disabled,.secondary:disabled{opacity:.38;cursor:not-allowed}.danger{color:#a52b21;background:#fde9e7;font-weight:900}.secondary{color:#202b35;background:#e8edf1;margin-top:12px;font-weight:800}.compact{margin:0;padding:9px 11px;font-size:12px}.full{width:100%;margin-top:14px}.inlineButton{margin-top:8px;display:inline-block}label{color:#39444d;margin-top:13px;margin-bottom:6px;font-size:12px;font-weight:900;display:block}select,input,textarea{background:#f3f5f7;border:1px solid #dfe4e8;outline:none;width:100%;transition:all .18s}select:focus,input:focus,textarea:focus{background:#fff;border-color:#f7b500;box-shadow:0 0 0 3px #f7b50024}select:disabled{opacity:.5}textarea{resize:vertical;min-height:104px}.badge{color:#53606a;background:#e9edf0;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.badge.live{color:#166a3b;background:#dff5e8}.sectionTitle,.job{justify-content:space-between;align-items:center;gap:16px;display:flex}.job{border-top:1px solid #e5e9ec;margin-top:13px;padding-top:16px}.job p{margin:5px 0}.job small,.dispatchDetails small,.kpi small{color:#78838c;letter-spacing:.7px;text-transform:uppercase;font-size:10px;font-weight:900}.notice{color:#626d76;background:#f3f5f7;border:1px solid #e2e6e9;border-radius:13px;padding:13px}.successBox{color:#155f34;background:#eaf8ef;border:1px solid #c9e7d3;border-radius:13px;margin:0 0 15px;padding:13px 15px}.checkList{gap:7px;margin:15px 0;display:grid}.checkRow{text-align:left;background:#fff;border:1px solid #e0e5e8;border-radius:12px;justify-content:space-between;gap:20px;width:100%;padding:13px 14px;font-weight:800;display:flex}.checkRow.checked{color:#176c3d;background:#effaf3;border-color:#bfe4ca}.defectWarning{color:#785410;background:#fff2d8;border:1px solid #f2d9a5;border-radius:12px;margin-top:12px;padding:13px}.bottomNav{color:#fff;background:#0b1118;border:1px solid #273340;border-radius:18px;justify-content:space-around;margin-top:18px;padding:14px;font-size:12px;font-weight:800;display:flex;box-shadow:0 12px 30px #0003}.kpiGrid{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px;display:grid}.kpi{background:#fff;border:1px solid #dfe4e8;border-radius:17px;padding:17px;box-shadow:0 5px 18px #0000000a}.kpi strong{color:#111821;margin-top:7px;font-size:27px;display:block}.adminGrid{grid-template-columns:minmax(300px,370px) 1fr;align-items:start;gap:15px;display:grid}.dispatchBoard{min-width:0}.jobStack{gap:12px;margin-top:12px;display:grid}.dispatchJob{background:#fff;border:1px solid #e1e6e9;border-radius:16px;padding:16px}.dispatchJobHead{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.dispatchJobHead p{margin:5px 0 0}.dispatchDetails{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.dispatchDetails p{margin:5px 0;line-height:1.35}.status{white-space:nowrap;background:#eceff1;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.status-assigned{color:#284b7a;background:#e9edf7}.status-accepted{color:#1d5f91;background:#e7f2ff}.status-en-route{color:#765300;background:#fff1ca}.status-arrived{color:#603b96;background:#f2e9ff}.status-completed{color:#146b36;background:#dff4e6}.statusTrack{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.trackStep{color:#89939b;text-align:center;text-transform:uppercase;background:#edf0f2;border-radius:8px;padding:8px 5px;font-size:9px;font-weight:900}.trackStep.active{color:#111821;background:#f7b500}.jobCard{border-top:1px solid #e5e8ea}.jobCard .job{border-top:0}.paperworkPanel{background:#f8fafb;border:1px solid #dfe5e8;border-radius:16px;margin:12px 0 20px;padding:17px}.paperworkPanel h3{margin:6px 0}.formGrid{grid-template-columns:1fr 1fr;gap:0 13px;display:grid}.formWide{grid-column:1/-1}.signatureGrid{grid-template-columns:1fr 1fr;gap:13px;margin-top:12px;display:grid}.signatureBlock{background:#fff;border:1px solid #dfe5e8;border-radius:14px;padding:12px}.signatureHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.signatureHeader label{margin:0}.textAction{color:#68737b;background:0 0;border:0;padding:6px;text-decoration:underline}.signaturePad{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain;background:#fff;border:2px solid #adb7bf;border-radius:12px;width:100%;height:180px;margin:8px 0;display:block}.signatureBlock small{color:#7d8790}.docsHeader{align-items:flex-end}.docsSearch{max-width:340px}.documentTableWrap{margin-top:14px;overflow-x:auto}.documentTable{border-collapse:collapse;width:100%;min-width:920px}.documentTable th,.documentTable td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e8ea;padding:13px 12px}.documentTable th{letter-spacing:.7px;color:#7d8790;text-transform:uppercase;font-size:10px}.documentTable td{font-size:13px}.documentTable td span{color:#6f7880}.emailAddress{color:#6f7880;overflow-wrap:anywhere;max-width:170px;margin-top:7px;display:block}.tableActions{flex-wrap:wrap;gap:8px;display:flex}.trackingGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:13px;display:grid}.trackingCard{background:#fff;border:1px solid #e0e5e8;border-radius:16px;padding:17px}.adminTopbar{border-left:5px solid #f7b500}.adminTopbar .portalLink:first-child{background:#f7b500;border-color:#f7b500}.adminGrid .card:first-child{position:sticky;top:72px}.documentTable tbody tr:hover{background:#fafbfd}@media (max-width:850px){.adminGrid{grid-template-columns:1fr}.adminGrid .card:first-child{position:static}.kpiGrid{grid-template-columns:1fr 1fr}.trackingGrid{grid-template-columns:1fr}}@media (max-width:700px){body{background:#e9edf0}main{padding:10px 10px 92px}.grid{grid-template-columns:1fr;gap:10px}.wide{grid-column:auto}.topbar{border-radius:20px;margin-bottom:10px;padding:18px}.topbar h1{font-size:25px}.topbar .muted{font-size:13px}.statusStack{gap:6px}.badge{padding:6px 9px;font-size:10px}.progressBar{grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:10px;padding:4px;top:5px;overflow-x:auto}.step{border-radius:9px;min-width:62px;padding:8px 5px;font-size:9px}.card{border-radius:18px;padding:16px;box-shadow:0 4px 14px #0000000a}.card h2{font-size:20px}.job{flex-direction:column;align-items:flex-start}.bottomNav{z-index:20;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));border-radius:18px;margin:0;padding:13px 8px;position:fixed}.loginCard{border-radius:22px;padding:22px}.checkRow{padding:12px;font-size:13px}.dispatchDetails{grid-template-columns:1fr}.statusTrack{grid-template-columns:repeat(5,1fr)}.trackStep{text-align:center;font-size:8px}.adminTopbar{flex-direction:column;align-items:flex-start;gap:15px}.kpiGrid{grid-template-columns:1fr 1fr}.formGrid,.signatureGrid{grid-template-columns:1fr}.formWide{grid-column:auto}.paperworkPanel{padding:13px}.signaturePad{height:230px}.signatureBlock{padding:10px}.docsHeader{flex-direction:column;align-items:stretch}.docsSearch{max-width:none}.portalActions{width:100%}.portalLink{text-align:center;flex:1}.primary,.secondary,.danger,select,input,textarea{min-height:46px}.sectionTitle{align-items:flex-start}.successBox,.notice,.defectWarning{font-size:12px}.jobCard .primary{width:100%}}.driverLauncher{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.driverAppIcon{color:#111821;text-align:center;background:#fff;border:1px solid #dfe4e8;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:150px;padding:18px;transition:all .18s;display:flex;box-shadow:0 8px 24px #18212a14}.driverAppIcon:hover{transform:translateY(-2px);box-shadow:0 12px 28px #18212a1f}.driverIconGlyph{color:#111821;background:linear-gradient(145deg,#ffc928,#f0a900);border-radius:18px;place-items:center;width:64px;height:64px;font-size:30px;font-weight:950;display:grid;box-shadow:0 8px 18px #f7b50040}.driverAppIcon strong{font-size:16px}.driverAppIcon small{color:#74808a}.driverAppIcon.accidentIcon .driverIconGlyph{color:#fff;background:linear-gradient(145deg,#e9564b,#b42318);box-shadow:0 8px 18px #b423183d}.driverMenuBack{color:#fff;background:#111821;border:0;border-radius:13px;margin:2px 0 14px;padding:12px 16px;font-weight:900}.driverSectionHidden{display:none!important}@media (max-width:700px){.driverLauncher{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.driverAppIcon{border-radius:22px;min-height:132px;padding:13px}.driverIconGlyph{border-radius:17px;width:58px;height:58px;font-size:27px}}.damagePhotoSection{background:#f8fafb;border:1px solid #dfe4e8;border-radius:16px;margin:18px 0;padding:16px}.damagePhotoSection h3{margin:5px 0}.damagePhotoGrid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.damagePhoto{text-align:center;background:#fff;border:2px dashed #bcc6cd;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:120px;margin:0;padding:10px;display:flex;overflow:hidden}.damagePhoto.captured{color:#176c3d;background:#effaf3;border-style:solid;border-color:#35a765}.damagePhoto input{opacity:0;width:1px;height:1px;position:absolute}.damagePhoto img{object-fit:cover;border-radius:9px;width:100%;height:90px}.damagePhoto small{color:#6f7b84}.checkPhotoHistory{grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;display:grid}.checkPhotoHistory a{display:block}.checkPhotoHistory img{object-fit:cover;border:1px solid #dfe4e8;border-radius:12px;width:100%;height:130px}@media (max-width:700px){.damagePhotoGrid,.checkPhotoHistory{grid-template-columns:repeat(2,1fr)}}
main:has(.progressBar){max-width:980px;padding-top:14px}main:has(.progressBar) .topbar{background:linear-gradient(160deg,#0b0f14,#111821 62%,#15120b);border-color:#252c33;box-shadow:0 16px 42px #0000003d}main:has(.progressBar) .topbar:before{content:"";background:#050505 url(/mcl-driver-app-icon-1024.png) 50%/cover no-repeat;border-radius:14px;flex:0 0 58px;width:58px;height:58px;margin-right:14px;display:block;box-shadow:0 8px 20px #00000040}main:has(.progressBar) .topbar>div:first-child{margin-right:auto}main:has(.progressBar) .topbar h1{font-size:30px}main:has(.progressBar) .progressBar{background:#090d12f0;border:1px solid #26313a;position:sticky;top:7px;box-shadow:0 8px 28px #00000038}main:has(.progressBar) .step{color:#9ba6af;box-shadow:none;background:#1b232c}main:has(.progressBar) .step.done{color:#0c1117;background:#f7b500}main:has(.progressBar) .grid{gap:12px}main:has(.progressBar) .card{border-color:#dce2e7;box-shadow:0 10px 28px #11182114}main:has(.progressBar) .card.hero{color:#fff;background:linear-gradient(145deg,#10161d,#18222c);border-color:#24303b}main:has(.progressBar) .card.hero .eyebrow{color:#f7b500}:is(main:has(.progressBar) .card.hero .muted,main:has(.progressBar) .card.hero .helper){color:#c7d0d7}main:has(.progressBar) .primary{color:#101418;background:linear-gradient(#ffc72c,#f3ad00);min-height:48px}main:has(.progressBar) .danger{min-height:48px}:is(main:has(.progressBar) button,main:has(.progressBar) a,main:has(.progressBar) select,main:has(.progressBar) input,main:has(.progressBar) textarea){-webkit-tap-highlight-color:transparent}:is(main:has(.progressBar) button:focus-visible,main:has(.progressBar) a:focus-visible,main:has(.progressBar) select:focus-visible,main:has(.progressBar) input:focus-visible,main:has(.progressBar) textarea:focus-visible){outline-offset:3px;outline:3px solid #f7b500}main:has(.progressBar) button:disabled{opacity:.55;cursor:not-allowed}main:has(.progressBar) .checkRow{align-items:center;min-height:52px}main:has(.progressBar) .checkRow.checked{color:#146b36;background:#e8f7ed;border-color:#b8dfc5}main:has(.progressBar) .jobCard{background:#fff;border:1px solid #e0e5e8;border-radius:20px;margin-top:14px;padding:0;overflow:hidden;box-shadow:0 10px 26px #141c2414}main:has(.progressBar) .jobCard .job{background:#fff;border:0;grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;margin:0;padding:18px;display:grid}main:has(.progressBar) .jobCard .job>div:first-child strong{letter-spacing:-.3px;font-size:18px}main:has(.progressBar) .jobCard .job>div:first-child small{color:#394852;background:#eef2f5;border-radius:999px;margin-top:6px;padding:5px 9px;display:inline-block}:is(main:has(.progressBar) .jobCard .job>div:nth-child(2),main:has(.progressBar) .jobCard .job>div:nth-child(3)){border-left:1px solid #edf0f2;padding:0 12px}main:has(.progressBar) .jobCard .primary{min-width:128px}main:has(.progressBar) .paperworkPanel{box-shadow:none;background:#f7f9fa;border:0;border-top:1px solid #e4e8eb;border-radius:0;margin:0;padding:20px}main:has(.progressBar) .paperworkPanel .sectionTitle{border-bottom:1px solid #e2e7ea;margin-bottom:4px;padding-bottom:14px}main:has(.progressBar) .paperworkPanel .sectionTitle h3{margin:4px 0 0;font-size:20px}main:has(.progressBar) .formGrid>div{background:#fff;border:1px solid #e0e5e8;border-radius:14px;margin-top:10px;padding:0 12px 12px}main:has(.progressBar) .formGrid>div label{margin-top:11px}:is(main:has(.progressBar) .formGrid>div input,main:has(.progressBar) .formGrid>div select,main:has(.progressBar) .formGrid>div textarea){background:#f5f7f8;border:0}main:has(.progressBar) .signatureGrid{margin-top:16px}main:has(.progressBar) .signatureBlock{border-color:#dce2e7;border-radius:16px;box-shadow:0 4px 12px #0e141b0a}main:has(.progressBar) .signaturePad{background:#fff;min-height:150px}main:has(.progressBar) .successBox{border-left:4px solid #2ca45c}main:has(.progressBar) .jobCompletePanel{background:linear-gradient(145deg,#f7fff9,#eaf8ef);border:1px solid #bfe6cc;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin:14px 0 16px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #1c703d1a}main:has(.progressBar) .jobCompletePanel:before{content:"✓";color:#fff;background:#1d9b54;border-radius:50%;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:30px;font-weight:1000;display:grid;box-shadow:0 8px 20px #1d9b5438}main:has(.progressBar) .jobCompletePanel>div:first-of-type{flex:1}main:has(.progressBar) .jobCompletePanel h3{letter-spacing:-.6px;color:#123a24;margin:4px 0 5px;font-size:24px}main:has(.progressBar) .jobCompletePanel p{margin:5px 0}main:has(.progressBar) .jobCompletePanel .eyebrow{color:#177241}main:has(.progressBar) .completionGood{color:#176a3b;font-weight:800}main:has(.progressBar) .completionWarn{color:#8a5a12;font-weight:800}main:has(.progressBar) .completionActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}main:has(.progressBar) .completionActions .secondary{background:#fff;border:1px solid #cfe3d6;margin-top:0}main:has(.progressBar) .completionActions .primary{min-width:145px}main:has(.progressBar) .bottomNav{background:#080d12;border-color:#26313b;grid-template-columns:repeat(4,1fr);padding:8px;display:grid;box-shadow:0 18px 42px #0000004d}main:has(.progressBar) .bottomNav>*{color:#d7dde2;border-radius:13px;place-items:center;min-height:46px;font-size:11px;font-weight:900;display:grid}main:has(.progressBar) .bottomNav>:first-child{color:#f7b500;background:#151b22}@media (max-width:700px){html,body{max-width:100%;overflow-x:hidden}body:has(main .progressBar){overscroll-behavior-y:none;background:#0a0e13}main:has(.progressBar){width:100%;max-width:100%;overflow-x:hidden}main:has(.progressBar) .topbar{grid-template-columns:50px minmax(0,1fr);align-items:start;display:grid}main:has(.progressBar) .topbar:before{grid-area:1/1}main:has(.progressBar) .topbar>div:first-child{grid-area:1/2;min-width:0;margin:0}main:has(.progressBar) .topbar>div:first-child .muted{overflow-wrap:anywhere}main:has(.progressBar) .statusStack{grid-area:2/1/auto/-1;justify-content:flex-start;width:100%;max-width:none;margin-top:10px}main:has(.progressBar) .progressBar{width:100%;max-width:100%;display:flex}main:has(.progressBar) .progressBar .step{flex:0 0 76px}:is(main:has(.progressBar) .grid,main:has(.progressBar) .card){min-width:0;max-width:100%}main:has(.progressBar){padding:8px 8px calc(104px + env(safe-area-inset-bottom));touch-action:manipulation}main:has(.progressBar) .topbar{padding:calc(18px + env(safe-area-inset-top)) 16px 20px;border-top:0;border-left:0;border-right:0;border-radius:0 0 24px 24px;min-height:124px;margin:-8px -8px 10px}main:has(.progressBar) .topbar:before{border-radius:14px;flex-basis:50px;width:50px;height:46px;font-size:16px}main:has(.progressBar) .topbar h1{margin-top:2px;font-size:24px}main:has(.progressBar) .topbar .muted{font-size:12px}main:has(.progressBar) .statusStack{align-self:flex-start}main:has(.progressBar) .progressBar{scrollbar-width:none;border-radius:14px;grid-template-columns:repeat(5,minmax(68px,1fr));margin:8px 0 10px;top:4px;overflow-x:auto}main:has(.progressBar) .progressBar::-webkit-scrollbar{display:none}main:has(.progressBar) .step{min-width:68px;padding:9px 5px}main:has(.progressBar) .grid{display:block}main:has(.progressBar) .card{border-radius:19px;margin-bottom:10px;padding:15px}main:has(.progressBar) .card.hero{border-radius:20px}main:has(.progressBar) .card h2{font-size:19px}main:has(.progressBar) label{text-transform:uppercase;letter-spacing:.5px;font-size:11px}:is(main:has(.progressBar) select,main:has(.progressBar) input,main:has(.progressBar) textarea){background:#f5f7f8;border-color:#e0e5e8;min-height:48px;font-size:16px}main:has(.progressBar) textarea{min-height:96px}main:has(.progressBar) button{min-height:48px}main:has(.progressBar) a.inlineButton{min-height:48px}main:has(.progressBar) .card.hero:has(.danger){background:#111821;padding:12px 14px}main:has(.progressBar) .card.hero:has(.danger) h2{margin:3px 0;font-size:16px}main:has(.progressBar) .card.hero:has(.danger) .muted{display:none}main:has(.progressBar) .card.hero:has(.danger) .danger{min-height:44px;padding:9px 12px}main:has(.progressBar) .card:has(select option:checked:not([value=""])){scroll-margin-top:82px}main:has(.progressBar) .card.wide:has(.checkRow){scroll-margin-top:82px}main:has(.progressBar) .card.wide:has(.jobCard){scroll-margin-top:82px}main:has(.progressBar) .checkRow{min-height:58px;padding:13px 14px}main:has(.progressBar) .jobCard{border-radius:18px;margin-top:11px}main:has(.progressBar) .jobCard .job{grid-template-columns:1fr;gap:12px;padding:16px}:is(main:has(.progressBar) .jobCard .job>div:nth-child(2),main:has(.progressBar) .jobCard .job>div:nth-child(3)){border-top:1px solid #edf0f2;border-left:0;padding:10px 0 0}main:has(.progressBar) .jobCard .primary{width:100%;min-width:0;min-height:56px;font-size:16px}main:has(.progressBar) .paperworkPanel{background:#f4f6f8;min-height:70vh;margin:0 -1px;padding:14px}main:has(.progressBar) .paperworkPanel .sectionTitle{z-index:4;background:#f4f6f8;padding:8px 0 12px;position:sticky;top:58px}main:has(.progressBar) .paperworkPanel .sectionTitle h3{font-size:18px}main:has(.progressBar) .formGrid>div{border-radius:13px;padding:0 10px 10px}main:has(.progressBar) .signatureGrid{gap:10px}main:has(.progressBar) .signatureBlock{padding:10px}main:has(.progressBar) .signaturePad{height:190px}main:has(.progressBar) .paperworkPanel>.primary{bottom:calc(68px + env(safe-area-inset-bottom));z-index:5;position:sticky;box-shadow:0 10px 30px #f7b50057}main:has(.progressBar) .paperworkPanel .full.primary{bottom:calc(68px + env(safe-area-inset-bottom));z-index:5;position:sticky;box-shadow:0 10px 30px #f7b50057}main:has(.progressBar) .jobCompletePanel{text-align:left;border-radius:20px;grid-template-columns:auto 1fr;gap:12px;padding:18px 16px;display:grid}main:has(.progressBar) .jobCompletePanel:before{flex-basis:50px;grid-row:1/3;width:50px;height:50px;font-size:25px}main:has(.progressBar) .jobCompletePanel h3{font-size:21px}main:has(.progressBar) .completionActions{grid-column:1/-1;grid-template-columns:1fr;gap:8px;margin-top:4px;display:grid}:is(main:has(.progressBar) .completionActions .primary,main:has(.progressBar) .completionActions .secondary){width:100%;min-height:52px;margin:0}main:has(.progressBar) .completionActions .badge{place-items:center;min-height:48px;font-size:11px;display:grid}main:has(.progressBar) .bottomNav{left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));border-radius:20px;gap:4px;padding:7px}main:has(.progressBar) .bottomNav>*{min-height:52px;font-size:10px}}@media (prefers-reduced-motion:reduce){main:has(.progressBar) *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.accidentFab{left:14px;right:auto;bottom:calc(18px + env(safe-area-inset-bottom));z-index:30;color:#fff;background:#b42318;border:1px solid #dc6b61;border-radius:999px;padding:12px 16px;font-size:13px;font-weight:900;position:fixed;transform:none;box-shadow:0 12px 28px #b4231852}.accidentShell{max-width:720px;padding-bottom:110px}.accidentCard{margin-top:12px}.accidentCard .formGrid{margin-top:8px}.accidentCard .photoInput{background:#fff;border:1px dashed #aab4bc;padding:16px}.photoCount{background:#eef2f5;border-radius:12px;margin-top:10px;padding:10px 12px;font-weight:800}.accidentCard .inlineButton{text-align:center}.accidentShell .topbar{border-left:5px solid #d92d20}@media (max-width:700px){.accidentFab{left:12px;right:auto;bottom:calc(14px + env(safe-area-inset-bottom));text-align:center;width:max-content;max-width:calc(100vw - 24px);padding:12px 18px;font-size:12px;transform:none}.accidentShell{background:#0a0e13;min-height:100vh;padding:8px 8px 100px}.accidentShell .topbar{border-radius:0 0 24px 24px;margin:-8px -8px 10px}.accidentCard{border-radius:20px}.accidentCard .formGrid{grid-template-columns:1fr}.accidentCard .primary{min-height:54px;font-size:15px}}
:root{--mcl-ink:#06111d;--mcl-ink-2:#0b1826;--mcl-ink-3:#122437;--mcl-panel:#0d1d2c;--mcl-line:#24384a;--mcl-gold:#f7b500;--mcl-gold-soft:#ffd45f;--mcl-text:#eef4f8;--mcl-muted:#96a7b5;--mcl-blue:#2d7ff9;--mcl-green:#37b24d;--mcl-red:#d95d4f;--mcl-radius:18px}body{background:linear-gradient(#07111b 0,#0a1520 420px,#e9edf1 420px,#eef1f4 100%)}.loginShell{background:radial-gradient(circle at 85% 8%,#f7b50029,#0000 24%),radial-gradient(circle at 10% 0,#2d7ff91f,#0000 28%),linear-gradient(150deg,#050b12,#081725 60%,#06101b)}.loginCard{border:1px solid #ffffff1a;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000073}.loginCard:after{content:"";background:linear-gradient(90deg,var(--mcl-gold),var(--mcl-gold-soft));height:5px;position:absolute;inset:0 0 auto}.loginCard:before{border-radius:12px;box-shadow:0 8px 24px #f7b5003b}.topbar{background:radial-gradient(circle at 88% 20%,#f7b5001c,#0000 26%),linear-gradient(135deg,#07111d,#0d1c2b 58%,#07131f);border-color:#26394a;border-radius:18px;box-shadow:0 16px 38px #030c143d}.topbar:before{content:"";background:var(--mcl-gold);width:5px;position:absolute;top:0;bottom:0;left:0}.topbar h1{letter-spacing:-1.2px;font-weight:950}.topbar .eyebrow{color:var(--mcl-gold-soft)}.card{border-color:#dce3e8;border-radius:16px;box-shadow:0 10px 30px #0f1c2811}.card.hero{background:linear-gradient(155deg,#fff,#f5f8fa)}.card h2{color:#0b1722;font-weight:900}.eyebrow{color:#647481}.primary{color:#0b1520;background:linear-gradient(#ffc526,#f7b500);box-shadow:0 7px 18px #f7b5003d}.primary:hover{filter:brightness(1.02);transform:translateY(-1px)}.secondary{color:#142330;background:#e8edf1}.danger{color:#ad3529;background:#fff0ee}.badge{border:1px solid #0f1e2a12}.badge.live{color:#176a39;background:#e5f8eb}.progressBar{box-shadow:0 8px 24px #0d1b2812}.step.done{color:#09131d;background:linear-gradient(#ffc526,#f7b500)}.bottomNav{background:linear-gradient(#0b1926,#07111b);border-color:#263b4b;box-shadow:0 16px 38px #00000047}.transportAdmin{background:radial-gradient(circle at 88% 4%,#f7b50014,#0000 25%),linear-gradient(#06111c,#081522 45%,#07121e)}.adminSidebar{background:linear-gradient(#050e18,#071522);border-right-color:#1d3041}.adminBrand{position:relative}.adminBrand:after{content:"";background:linear-gradient(90deg,var(--mcl-gold),transparent);height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.adminBrandMark{color:var(--mcl-gold);text-shadow:0 0 24px #f7b50029}.adminNav a,.adminNav button{transition:all .18s}.adminNav a:hover,.adminNav button:hover{background:#122638;transform:translate(2px)}.adminNav .active{background:linear-gradient(90deg,#172c3f,#102233);box-shadow:inset 0 0 0 1px #f7b5000f}.adminHeader{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071420f0;border-bottom-color:#203447}.adminHeader h1{letter-spacing:-.5px;font-weight:900}.adminDashboard{background:0 0}.adminKpi,.adminPanel{border-color:#24394b;box-shadow:0 12px 30px #00000021}.adminKpi{background:linear-gradient(145deg,#0d1d2b,#102436);border-radius:14px}.adminKpi strong{color:#fff;font-weight:950}.adminKpi small{color:#94a7b7}.adminPanel{background:linear-gradient(145deg,#0a1825,#0e2131);border-radius:14px}.adminPanelHeader{background:#ffffff04}.adminPanelHeader h2{letter-spacing:.1px;font-weight:900}.adminPanelHeader a{color:#7db9ff}.adminTable th{color:#dbe4ea;background:#112638}.adminTable td{color:#dfe7ed}.adminTable tbody tr:hover{background:#ffffff06}.adminJobAction{background:#13283a;border-color:#315069}.adminJobAction:hover{background:#183148;border-color:#4f7595}.trackingPreview{background:linear-gradient(#07121c1f,#07121c1f),repeating-linear-gradient(0deg,#183047 0 1px,#0000 1px 36px),repeating-linear-gradient(90deg,#183047 0 1px,#0000 1px 36px),#081622}.dispatchFormPanel{box-shadow:0 12px 30px #00000021}.dispatchFormGrid input,.dispatchFormGrid select,.dispatchFormGrid textarea{background:#091724;border-color:#284054;border-radius:10px}.demoBanner{border-radius:10px}.transportAdmin .adminDashboard>.card,.transportAdmin .adminDashboard>.kpiGrid .kpi,.transportAdmin .trackingCard,.transportAdmin .dispatchJob{color:#eaf1f6;background:linear-gradient(145deg,#0c1b29,#102333);border-color:#263b4e;box-shadow:0 10px 26px #00000021}.transportAdmin .adminDashboard>.card h2,.transportAdmin .trackingCard strong,.transportAdmin .dispatchJob strong{color:#fff}.transportAdmin .adminDashboard>.card label,.transportAdmin .dispatchDetails small{color:#9eb0bf}.transportAdmin .adminDashboard>.card input,.transportAdmin .adminDashboard>.card select,.transportAdmin .adminDashboard>.card textarea,.transportAdmin .dispatchJob textarea{color:#eef4f8;background:#091724;border-color:#284054}.transportAdmin .adminDashboard>.card .notice,.transportAdmin .dispatchJob .notice{color:#d9e4ec;background:#122536;border-color:#294258}.transportAdmin .trackingCard{border-radius:14px}.transportAdmin .trackingCard p{color:#c7d3dc}.transportAdmin .trackingCard .primary{display:inline-block}.transportAdmin .documentTable th{color:#9fb0bd}.transportAdmin .documentTable td{color:#e3ebf0}.transportAdmin .documentTable td span,.transportAdmin .emailAddress{color:#9eb0bf}.transportAdmin .documentTable tbody tr:hover{background:#ffffff06}.progressBar{border:1px solid #0f1d2912}.step{transition:all .18s;position:relative;overflow:hidden}.step.done:after{content:"✓";vertical-align:1px;background:#06111d1f;border-radius:50%;place-items:center;width:15px;height:15px;margin-left:5px;font-size:9px;display:inline-grid}.jobCard{scroll-margin-top:88px}.checkRow{transition:border-color .16s,background .16s,transform .16s}.checkRow:active{transform:scale(.995)}@media (max-width:700px){body{background:#e9edf0}.topbar{border-radius:16px;align-items:flex-start;gap:12px}.topbar:before{width:4px}.topbar h1{font-size:27px;line-height:1.05}.statusStack{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;max-width:48%;display:flex}.textButton{border:1px solid #ffffff24;border-radius:999px;padding:6px 9px;font-size:11px;text-decoration:none}.progressBar{scrollbar-width:none;background:#eef1f4f5;border-radius:14px;padding:5px;top:4px;box-shadow:0 10px 26px #08141e1f}.progressBar::-webkit-scrollbar{display:none}.step{letter-spacing:.05px;min-width:72px;padding:9px 6px;font-size:9px}.step.done:after{width:13px;height:13px;margin-left:3px;font-size:8px}.card{border-radius:15px}.card.hero{border-top:3px solid var(--mcl-gold)}.primary,.secondary,.danger{font-weight:900}.primary:active,.secondary:active,.danger:active{transform:scale(.99)}.jobCard{scroll-margin-top:78px}.adminHeader{background:#071522}.adminKpi,.adminPanel{border-radius:12px}.transportAdmin{padding-bottom:78px}.transportAdmin .adminSidebar{z-index:50;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050e18f5;border:1px solid #263b4d;border-radius:18px;height:auto;min-height:0;padding:7px;display:block;position:fixed;top:auto;overflow:hidden;box-shadow:0 18px 45px #00000061}.transportAdmin .adminBrand,.transportAdmin .adminSidebar h3,.transportAdmin .adminSidebarFoot{display:none}.transportAdmin .adminNav{overscroll-behavior-x:contain;scrollbar-width:none;gap:5px;padding:0 1px;display:flex;overflow-x:auto}.transportAdmin .adminNav::-webkit-scrollbar{display:none}.transportAdmin .adminNav a,.transportAdmin .adminNav button{text-align:center;color:#c7d2dc;border-radius:12px;flex-direction:column;flex:none;justify-content:center;gap:5px;min-width:76px;min-height:54px;padding:8px 10px;font-size:10px}.transportAdmin .adminNav a:before{color:#8ea4b8;width:auto;font-size:16px;line-height:1}.transportAdmin .adminNav .active{color:#fff;background:linear-gradient(#f7b50029,#f7b50012);border:1px solid #f7b5004d;border-radius:12px}.transportAdmin .adminNav .active:before{color:var(--mcl-gold)}.transportAdmin .adminNav a:hover,.transportAdmin .adminNav button:hover{background:#122638;transform:none}.transportAdmin .trackingGrid{grid-template-columns:1fr}.transportAdmin .adminDashboard>.card,.transportAdmin .trackingCard,.transportAdmin .dispatchJob{border-radius:13px}}