*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef1f4;color:#101418;font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}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{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#202b37 0,#0b1118 52%,#05080c 100%);padding:20px}.loginCard{width:min(430px,100%);background:#fff;border:1px solid #dfe4e8;border-radius:26px;padding:30px;box-shadow:0 22px 70px rgba(0,0,0,.34)}.loginCard:before{content:"MCL";display:inline-grid;place-items:center;background:#f7b500;color:#0b1118;font-weight:1000;letter-spacing:-1px;width:58px;height:58px;border-radius:18px;margin-bottom:14px}.loginCard h1{font-size:36px;margin:4px 0 6px;letter-spacing:-1.2px}.topbar{background:linear-gradient(135deg,#111821,#071018);color:#fff;border:1px solid #283441;border-radius:26px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;box-shadow:0 14px 34px rgba(13,22,31,.16);position:relative;overflow:hidden}.topbar:after{content:"";position:absolute;right:-45px;top:-70px;width:190px;height:190px;border-radius:50%;background:rgba(247,181,0,.08);pointer-events:none}.topbar h1{margin:4px 0;font-size:34px;letter-spacing:-1px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.55px;margin:0;color:#7c8790;text-transform:uppercase}.topbar .eyebrow{color:#f7b500}.muted{color:#6c7780}.topbar .muted{color:#c9d0d6}.helper{font-size:12px;color:#79848d;line-height:1.5;margin:14px 0 0}.statusStack{display:grid;justify-items:end;grid-gap:8px;gap:8px;position:relative;z-index:1}.textButton{border:0;background:transparent;color:#d7dde2;text-decoration:underline;padding:4px 0}.portalActions{display:flex;gap:10px;flex-wrap:wrap}.portalLink{background:#fff;color:#111;padding:12px 16px;border-radius:12px;font-weight:900;border:1px solid #dfe4e8}.progressBar{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:7px;gap:7px;margin:0 0 16px;position:-webkit-sticky;position:sticky;top:8px;z-index:8;background:rgba(238,241,244,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:5px;border-radius:16px}.step{background:#dfe4e8;color:#69747d;border-radius:11px;padding:10px 7px;text-align:center;font-size:11px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(0,0,0,.025)}.step.done{background:#f7b500;color:#111821}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.card{background:#fff;border:1px solid #dfe4e8;border-radius:22px;padding:20px;box-shadow:0 7px 22px rgba(24,33,42,.055)}.card.hero{background:linear-gradient(160deg,#fff,#f8fafb)}.wide{grid-column:1/-1}.card h2{margin:6px 0 9px;font-size:24px;letter-spacing:-.5px}.card h3{letter-spacing:-.3px}.danger,.primary,.secondary,input,select,textarea{border:0;border-radius:12px;padding:13px 15px;font-size:14px}.primary{background:#f7b500;color:#111821;font-weight:900;box-shadow:0 5px 14px rgba(247,181,0,.22)}.primary:hover{filter:brightness(.97)}.primary:disabled,.secondary:disabled{opacity:.38;cursor:not-allowed}.danger{background:#fde9e7;color:#a52b21;font-weight:900}.secondary{color:#202b35;font-weight:800;margin-top:12px}.compact{padding:9px 11px;margin:0;font-size:12px}.full{width:100%;margin-top:14px}.inlineButton{display:inline-block;margin-top:8px}label{display:block;font-size:12px;font-weight:900;margin-top:13px;margin-bottom:6px;color:#39444d}input,select,textarea{width:100%;background:#f3f5f7;border:1px solid #dfe4e8;outline:none;transition:.18s ease}input:focus,select:focus,textarea:focus{border-color:#f7b500;box-shadow:0 0 0 3px rgba(247,181,0,.14);background:#fff}select:disabled{opacity:.5}textarea{min-height:104px;resize:vertical}.badge{padding:7px 11px;border-radius:999px;background:#e9edf0;color:#53606a;font-size:12px;font-weight:900}.badge.live{background:#dff5e8;color:#166a3b}.job,.sectionTitle{display:flex;justify-content:space-between;align-items:center;gap:16px}.job{border-top:1px solid #e5e9ec;padding-top:16px;margin-top:13px}.job p{margin:5px 0}.dispatchDetails small,.job small,.kpi small{color:#78838c;font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.notice{background:#f3f5f7;border:1px solid #e2e6e9;border-radius:13px;padding:13px;color:#626d76}.successBox{background:#eaf8ef;border:1px solid #c9e7d3;border-radius:13px;padding:13px 15px;margin:0 0 15px;color:#155f34}.checkList{display:grid;grid-gap:7px;gap:7px;margin:15px 0}.checkRow{width:100%;display:flex;justify-content:space-between;gap:20px;border:1px solid #e0e5e8;background:#fff;border-radius:12px;padding:13px 14px;text-align:left;font-weight:800}.checkRow.checked{background:#effaf3;border-color:#bfe4ca;color:#176c3d}.defectWarning{background:#fff2d8;border:1px solid #f2d9a5;border-radius:12px;padding:13px;margin-top:12px;color:#785410}.bottomNav{display:flex;justify-content:space-around;background:#0b1118;color:#fff;border:1px solid #273340;border-radius:18px;padding:14px;margin-top:18px;font-size:12px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.2)}.kpiGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:11px;gap:11px;margin-bottom:14px}.kpi{background:#fff;border:1px solid #dfe4e8;border-radius:17px;padding:17px;box-shadow:0 5px 18px rgba(0,0,0,.04)}.kpi strong{display:block;font-size:27px;margin-top:7px;color:#111821}.adminGrid{display:grid;grid-template-columns:minmax(300px,370px) 1fr;grid-gap:15px;gap:15px;align-items:start}.dispatchBoard{min-width:0}.jobStack{display:grid;grid-gap:12px;gap:12px;margin-top:12px}.dispatchJob{border:1px solid #e1e6e9;border-radius:16px;padding:16px;background:#fff}.dispatchJobHead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.dispatchJobHead p{margin:5px 0 0}.dispatchDetails{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:14px 0}.dispatchDetails p{margin:5px 0;line-height:1.35}.status{padding:6px 10px;border-radius:999px;background:#eceff1;font-size:11px;font-weight:900;white-space:nowrap}.status-assigned{background:#e9edf7;color:#284b7a}.status-accepted{background:#e7f2ff;color:#1d5f91}.status-en-route{background:#fff1ca;color:#765300}.status-arrived{background:#f2e9ff;color:#603b96}.status-completed{background:#dff4e6;color:#146b36}.statusTrack{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px;gap:5px}.trackStep{background:#edf0f2;color:#89939b;padding:8px 5px;border-radius:8px;text-align:center;font-size:9px;font-weight:900;text-transform:uppercase}.trackStep.active{background:#f7b500;color:#111821}.jobCard{border-top:1px solid #e5e8ea}.jobCard .job{border-top:0}.paperworkPanel{background:#f8fafb;border:1px solid #dfe5e8;border-radius:16px;padding:17px;margin:12px 0 20px}.paperworkPanel h3{margin:6px 0}.formGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 13px;gap:0 13px}.formWide{grid-column:1/-1}.signatureGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px;margin-top:12px}.signatureBlock{background:#fff;border:1px solid #dfe5e8;border-radius:14px;padding:12px}.signatureHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.signatureHeader label{margin:0}.textAction{border:0;background:transparent;text-decoration:underline;color:#68737b;padding:6px}.signaturePad{display:block;width:100%;height:180px;background:#fff;border:2px solid #adb7bf;border-radius:12px;margin:8px 0;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain}.signatureBlock small{color:#7d8790}.docsHeader{align-items:flex-end}.docsSearch{max-width:340px}.documentTableWrap{overflow-x:auto;margin-top:14px}.documentTable{width:100%;border-collapse:collapse;min-width:920px}.documentTable td,.documentTable th{text-align:left;padding:13px 12px;border-bottom:1px solid #e5e8ea;vertical-align:top}.documentTable th{font-size:10px;letter-spacing:.7px;color:#7d8790;text-transform:uppercase}.documentTable td{font-size:13px}.documentTable td span{color:#6f7880}.emailAddress{display:block;margin-top:7px;color:#6f7880;max-width:170px;overflow-wrap:anywhere}.tableActions{display:flex;gap:8px;flex-wrap:wrap}.trackingGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:13px;gap:13px;margin-top:13px}.trackingCard{border:1px solid #e0e5e8;border-radius:16px;padding:17px;background:#fff}.adminTopbar{border-left:5px solid #f7b500}.adminTopbar .portalLink:first-child{background:#f7b500;border-color:#f7b500}.adminGrid .card:first-child{position:-webkit-sticky;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{padding:18px;border-radius:20px;margin-bottom:10px}.topbar h1{font-size:25px}.topbar .muted{font-size:13px}.statusStack{gap:6px}.badge{font-size:10px;padding:6px 9px}.progressBar{grid-template-columns:repeat(5,1fr);gap:4px;overflow-x:auto;top:5px;padding:4px;margin-bottom:10px}.step{font-size:9px;padding:8px 5px;min-width:62px;border-radius:9px}.card{padding:16px;border-radius:18px;box-shadow:0 4px 14px rgba(0,0,0,.04)}.card h2{font-size:20px}.job{align-items:flex-start;flex-direction:column}.bottomNav{position:fixed;z-index:20;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));margin:0;border-radius:18px;padding:13px 8px}.loginCard{padding:22px;border-radius:22px}.checkRow{font-size:13px;padding:12px}.dispatchDetails{grid-template-columns:1fr}.statusTrack{grid-template-columns:repeat(5,1fr)}.trackStep{text-align:center;font-size:8px}.adminTopbar{align-items:flex-start;gap:15px;flex-direction:column}.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{align-items:stretch;flex-direction:column}.docsSearch{max-width:none}.portalActions{width:100%}.portalLink{flex:1 1;text-align:center}.danger,.primary,.secondary,input,select,textarea{min-height:46px}.sectionTitle{align-items:flex-start}.defectWarning,.notice,.successBox{font-size:12px}.jobCard .primary{width:100%}}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 rgba(0,0,0,.24)}main:has(.progressBar) .topbar:before{content:"MCL";display:grid;place-items:center;flex:0 0 58px;width:58px;height:54px;margin-right:14px;border-radius:16px;background:#f7b500;color:#0c1117;font-size:18px;font-weight:1000;letter-spacing:-1.2px}main:has(.progressBar) .topbar>div:first-child{margin-right:auto}main:has(.progressBar) .topbar h1{font-size:30px}main:has(.progressBar) .progressBar{position:-webkit-sticky;position:sticky;top:7px;background:rgba(9,13,18,.94);border:1px solid #26313a;box-shadow:0 8px 28px rgba(0,0,0,.22)}main:has(.progressBar) .step{background:#1b232c;color:#9ba6af;box-shadow:none}main:has(.progressBar) .step.done{background:#f7b500;color:#0c1117}main:has(.progressBar) .grid{gap:12px}main:has(.progressBar) .card{border-color:#dce2e7;box-shadow:0 10px 28px rgba(17,24,33,.08)}main:has(.progressBar) .card.hero{background:linear-gradient(145deg,#10161d,#18222c);color:#fff;border-color:#24303b}main:has(.progressBar) .card.hero .eyebrow{color:#f7b500}main:has(.progressBar) .card.hero .helper,main:has(.progressBar) .card.hero .muted{color:#c7d0d7}main:has(.progressBar) .primary{background:linear-gradient(180deg,#ffc72c,#f3ad00);color:#101418;min-height:48px}main:has(.progressBar) .danger{min-height:48px}main:has(.progressBar) a,main:has(.progressBar) button,main:has(.progressBar) input,main:has(.progressBar) select,main:has(.progressBar) textarea{-webkit-tap-highlight-color:transparent}main:has(.progressBar) a:focus-visible,main:has(.progressBar) button:focus-visible,main:has(.progressBar) input:focus-visible,main:has(.progressBar) select:focus-visible,main:has(.progressBar) textarea:focus-visible{outline:3px solid #f7b500;outline-offset:3px}main:has(.progressBar) button:disabled{opacity:.55;cursor:not-allowed}main:has(.progressBar) .checkRow{min-height:52px;align-items:center}main:has(.progressBar) .checkRow.checked{background:#e8f7ed;color:#146b36;border-color:#b8dfc5}main:has(.progressBar) .jobCard{border:1px solid #e0e5e8;border-radius:20px;margin-top:14px;padding:0;background:#fff;overflow:hidden;box-shadow:0 10px 26px rgba(20,28,36,.08)}main:has(.progressBar) .jobCard .job{padding:18px;margin:0;border:0;background:#fff;display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:center}main:has(.progressBar) .jobCard .job>div:first-child strong{font-size:18px;letter-spacing:-.3px}main:has(.progressBar) .jobCard .job>div:first-child small{display:inline-block;margin-top:6px;padding:5px 9px;border-radius:999px;background:#eef2f5;color:#394852}main:has(.progressBar) .jobCard .job>div:nth-child(2),main:has(.progressBar) .jobCard .job>div:nth-child(3){padding:0 12px;border-left:1px solid #edf0f2}main:has(.progressBar) .jobCard .primary{min-width:128px}main:has(.progressBar) .paperworkPanel{background:#f7f9fa;border:0;border-top:1px solid #e4e8eb;border-radius:0;padding:20px;box-shadow:none;margin:0}main:has(.progressBar) .paperworkPanel .sectionTitle{padding-bottom:14px;border-bottom:1px solid #e2e7ea;margin-bottom:4px}main:has(.progressBar) .paperworkPanel .sectionTitle h3{font-size:20px;margin:4px 0 0}main:has(.progressBar) .formGrid>div{background:#fff;border:1px solid #e0e5e8;border-radius:14px;padding:0 12px 12px;margin-top:10px}main:has(.progressBar) .formGrid>div label{margin-top:11px}main:has(.progressBar) .formGrid>div input,main:has(.progressBar) .formGrid>div select,main:has(.progressBar) .formGrid>div textarea{border:0;background:#f5f7f8}main:has(.progressBar) .signatureGrid{margin-top:16px}main:has(.progressBar) .signatureBlock{border-radius:16px;border-color:#dce2e7;box-shadow:0 4px 12px rgba(14,20,27,.04)}main:has(.progressBar) .signaturePad{min-height:150px;background:#fff}main:has(.progressBar) .successBox{border-left:4px solid #2ca45c}main:has(.progressBar) .jobCompletePanel{margin:14px 0 16px;padding:22px;border-radius:22px;border:1px solid #bfe6cc;background:linear-gradient(145deg,#f7fff9,#eaf8ef);box-shadow:0 12px 30px rgba(28,112,61,.1);display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;overflow:hidden}main:has(.progressBar) .jobCompletePanel:before{content:"✓";display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:50%;background:#1d9b54;color:#fff;font-size:30px;font-weight:1000;box-shadow:0 8px 20px rgba(29,155,84,.22)}main:has(.progressBar) .jobCompletePanel>div:first-of-type{flex:1 1}main:has(.progressBar) .jobCompletePanel h3{font-size:24px;margin:4px 0 5px;letter-spacing:-.6px;color:#123a24}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{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}main:has(.progressBar) .completionActions .secondary{margin-top:0;background:#fff;border:1px solid #cfe3d6}main:has(.progressBar) .completionActions .primary{min-width:145px}main:has(.progressBar) .bottomNav{display:grid;grid-template-columns:repeat(4,1fr);background:#080d12;border-color:#26313b;box-shadow:0 18px 42px rgba(0,0,0,.3);padding:8px}main:has(.progressBar) .bottomNav>*{min-height:46px;display:grid;place-items:center;border-radius:13px;color:#d7dde2;font-weight:900;font-size:11px}main:has(.progressBar) .bottomNav>:first-child{color:#f7b500;background:#151b22}@media(max-width:700px){body:has(main .progressBar){background:#0a0e13;overscroll-behavior-y:none}main:has(.progressBar){padding:8px 8px calc(104px + env(safe-area-inset-bottom));touch-action:manipulation}main:has(.progressBar) .topbar{border-radius:0 0 24px 24px;margin:-8px -8px 10px;padding:calc(18px + env(safe-area-inset-top)) 16px 20px;border-left:0;border-right:0;border-top:0;min-height:124px}main:has(.progressBar) .topbar:before{width:50px;height:46px;flex-basis:50px;border-radius:14px;font-size:16px}main:has(.progressBar) .topbar h1{font-size:24px;margin-top:2px}main:has(.progressBar) .topbar .muted{font-size:12px}main:has(.progressBar) .statusStack{align-self:flex-start}main:has(.progressBar) .progressBar{border-radius:14px;margin:8px 0 10px;top:4px;grid-template-columns:repeat(5,minmax(68px,1fr));overflow-x:auto;scrollbar-width:none}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;padding:15px;margin-bottom:10px}main:has(.progressBar) .card.hero{border-radius:20px}main:has(.progressBar) .card h2{font-size:19px}main:has(.progressBar) label{font-size:11px;text-transform:uppercase;letter-spacing:.5px}main:has(.progressBar) input,main:has(.progressBar) select,main:has(.progressBar) textarea{background:#f5f7f8;border-color:#e0e5e8;font-size:16px;min-height:48px}main:has(.progressBar) textarea{min-height:96px}main:has(.progressBar) a.inlineButton,main:has(.progressBar) button{min-height:48px}main:has(.progressBar) .card.hero:has(.danger){padding:12px 14px;background:#111821}main:has(.progressBar) .card.hero:has(.danger) h2{font-size:16px;margin:3px 0}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;padding:16px;gap:12px}main:has(.progressBar) .jobCard .job>div:nth-child(2),main:has(.progressBar) .jobCard .job>div:nth-child(3){border-left:0;border-top:1px solid #edf0f2;padding:10px 0 0}main:has(.progressBar) .jobCard .primary{width:100%;min-width:0;min-height:56px;font-size:16px}main:has(.progressBar) .paperworkPanel{padding:14px;margin:0 -1px;background:#f4f6f8;min-height:70vh}main:has(.progressBar) .paperworkPanel .sectionTitle{position:-webkit-sticky;position:sticky;top:58px;z-index:4;background:#f4f6f8;padding:8px 0 12px}main:has(.progressBar) .paperworkPanel .sectionTitle h3{font-size:18px}main:has(.progressBar) .formGrid>div{padding:0 10px 10px;border-radius:13px}main:has(.progressBar) .signatureGrid{gap:10px}main:has(.progressBar) .signatureBlock{padding:10px}main:has(.progressBar) .signaturePad{height:190px}main:has(.progressBar) .paperworkPanel .full.primary,main:has(.progressBar) .paperworkPanel>.primary{position:-webkit-sticky;position:sticky;bottom:calc(68px + env(safe-area-inset-bottom));z-index:5;box-shadow:0 10px 30px rgba(247,181,0,.34)}main:has(.progressBar) .jobCompletePanel{display:grid;grid-template-columns:auto 1fr;padding:18px 16px;grid-gap:12px;gap:12px;border-radius:20px;text-align:left}main:has(.progressBar) .jobCompletePanel:before{width:50px;height:50px;flex-basis:50px;font-size:25px;grid-row:1/3}main:has(.progressBar) .jobCompletePanel h3{font-size:21px}main:has(.progressBar) .completionActions{grid-column:1/-1;display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;margin-top:4px}main:has(.progressBar) .completionActions .primary,main:has(.progressBar) .completionActions .secondary{width:100%;min-height:52px;margin:0}main:has(.progressBar) .completionActions .badge{display:grid;place-items:center;min-height:48px;font-size:11px}main:has(.progressBar) .bottomNav{left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));padding:7px;border-radius:20px;gap:4px}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{position:fixed;right:16px;bottom:84px;z-index:30;background:#b42318;color:#fff;border:1px solid #dc6b61;border-radius:999px;padding:12px 16px;font-size:13px;font-weight:900;box-shadow:0 12px 28px rgba(180,35,24,.32)}.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{margin-top:10px;padding:10px 12px;border-radius:12px;background:#eef2f5;font-weight:800}.accidentCard .inlineButton{text-align:center}.accidentShell .topbar{border-left:5px solid #d92d20}@media(max-width:700px){.accidentFab{right:10px;bottom:76px;padding:11px 13px;font-size:12px}.accidentShell{padding:8px 8px 100px;background:#0a0e13;min-height:100vh}.accidentShell .topbar{margin:-8px -8px 10px;border-radius:0 0 24px 24px}.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(180deg,#07111b,#0a1520 420px,#e9edf1 0,#eef1f4)}.loginShell{background:radial-gradient(circle at 85% 8%,rgba(247,181,0,.16),transparent 24%),radial-gradient(circle at 10% 0,rgba(45,127,249,.12),transparent 28%),linear-gradient(150deg,#050b12,#081725 60%,#06101b)}.loginCard{border-radius:22px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 28px 90px rgba(0,0,0,.45);position:relative;overflow:hidden}.loginCard:after{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--mcl-gold),var(--mcl-gold-soft))}.loginCard:before{border-radius:12px;box-shadow:0 8px 24px rgba(247,181,0,.23)}.topbar{background:radial-gradient(circle at 88% 20%,rgba(247,181,0,.11),transparent 26%),linear-gradient(135deg,#07111d,#0d1c2b 58%,#07131f);border-color:#26394a;border-radius:18px;box-shadow:0 16px 38px rgba(3,12,20,.24)}.topbar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--mcl-gold)}.topbar h1{font-weight:950;letter-spacing:-1.2px}.topbar .eyebrow{color:var(--mcl-gold-soft)}.card{border-radius:16px;border-color:#dce3e8;box-shadow:0 10px 30px rgba(15,28,40,.065)}.card.hero{background:linear-gradient(155deg,#fff,#f5f8fa)}.card h2{font-weight:900;color:#0b1722}.eyebrow{color:#647481}.primary{background:linear-gradient(180deg,#ffc526,#f7b500);color:#0b1520;box-shadow:0 7px 18px rgba(247,181,0,.24)}.primary:hover{filter:brightness(1.02);transform:translateY(-1px)}.secondary{background:#e8edf1;color:#142330}.danger{background:#fff0ee;color:#ad3529}.badge{border:1px solid rgba(15,30,42,.07)}.badge.live{background:#e5f8eb;color:#176a39}.progressBar{box-shadow:0 8px 24px rgba(13,27,40,.07)}.step.done{background:linear-gradient(180deg,#ffc526,#f7b500);color:#09131d}.bottomNav{background:linear-gradient(180deg,#0b1926,#07111b);border-color:#263b4b;box-shadow:0 16px 38px rgba(0,0,0,.28)}.transportAdmin{background:radial-gradient(circle at 88% 4%,rgba(247,181,0,.08),transparent 25%),linear-gradient(180deg,#06111c,#081522 45%,#07121e)}.adminSidebar{background:linear-gradient(180deg,#050e18,#071522);border-right-color:#1d3041}.adminBrand{position:relative}.adminBrand:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--mcl-gold),transparent)}.adminBrandMark{color:var(--mcl-gold);text-shadow:0 0 24px rgba(247,181,0,.16)}.adminNav a,.adminNav button{transition:.18s ease}.adminNav a:hover,.adminNav button:hover{transform:translateX(2px);background:#122638}.adminNav .active{background:linear-gradient(90deg,#172c3f,#102233);box-shadow:inset 0 0 0 1px rgba(247,181,0,.06)}.adminHeader{background:rgba(7,20,32,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:#203447}.adminHeader h1{font-weight:900;letter-spacing:-.5px}.adminDashboard{background:transparent}.adminKpi,.adminPanel{border-color:#24394b;box-shadow:0 12px 30px rgba(0,0,0,.13)}.adminKpi{border-radius:14px;background:linear-gradient(145deg,#0d1d2b,#102436)}.adminKpi strong{font-weight:950;color:#fff}.adminKpi small{color:#94a7b7}.adminPanel{border-radius:14px;background:linear-gradient(145deg,#0a1825,#0e2131)}.adminPanelHeader{background:hsla(0,0%,100%,.015)}.adminPanelHeader h2{font-weight:900;letter-spacing:.1px}.adminPanelHeader a{color:#7db9ff}.adminTable th{background:#112638;color:#dbe4ea}.adminTable td{color:#dfe7ed}.adminTable tbody tr:hover{background:hsla(0,0%,100%,.025)}.adminJobAction{background:#13283a;border-color:#315069}.adminJobAction:hover{border-color:#4f7595;background:#183148}.trackingPreview{background:linear-gradient(rgba(7,18,28,.12),rgba(7,18,28,.12)),repeating-linear-gradient(0deg,#183047,#183047 1px,transparent 0,transparent 36px),repeating-linear-gradient(90deg,#183047,#183047 1px,transparent 0,transparent 36px),#081622}.dispatchFormPanel{box-shadow:0 12px 30px rgba(0,0,0,.13)}.dispatchFormGrid input,.dispatchFormGrid select,.dispatchFormGrid textarea{border-radius:10px;background:#091724;border-color:#284054}.demoBanner{border-radius:10px}.transportAdmin .adminDashboard>.card,.transportAdmin .adminDashboard>.kpiGrid .kpi,.transportAdmin .dispatchJob,.transportAdmin .trackingCard{background:linear-gradient(145deg,#0c1b29,#102333);border-color:#263b4e;color:#eaf1f6;box-shadow:0 10px 26px rgba(0,0,0,.13)}.transportAdmin .adminDashboard>.card h2,.transportAdmin .dispatchJob strong,.transportAdmin .trackingCard 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{background:#091724;border-color:#284054;color:#eef4f8}.transportAdmin .adminDashboard>.card .notice,.transportAdmin .dispatchJob .notice{background:#122536;border-color:#294258;color:#d9e4ec}.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:hsla(0,0%,100%,.025)}.progressBar{border:1px solid rgba(15,29,41,.07)}.step{position:relative;overflow:hidden;transition:.18s ease}.step.done:after{content:"✓";display:inline-grid;place-items:center;margin-left:5px;width:15px;height:15px;border-radius:50%;background:rgba(6,17,29,.12);font-size:9px;vertical-align:1px}.jobCard{scroll-margin-top:88px}.checkRow{transition:border-color .16s ease,background .16s ease,transform .16s ease}.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{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;max-width:48%}.textButton{font-size:11px;text-decoration:none;border:1px solid hsla(0,0%,100%,.14);border-radius:999px;padding:6px 9px}.progressBar{top:4px;padding:5px;background:rgba(238,241,244,.96);border-radius:14px;scrollbar-width:none;box-shadow:0 10px 26px rgba(8,20,30,.12)}.progressBar::-webkit-scrollbar{display:none}.step{min-width:72px;padding:9px 6px;font-size:9px;letter-spacing:.05px}.step.done:after{width:13px;height:13px;font-size:8px;margin-left:3px}.card{border-radius:15px}.card.hero{border-top:3px solid var(--mcl-gold)}.danger,.primary,.secondary{font-weight:900}.danger:active,.primary:active,.secondary:active{transform:scale(.99)}.jobCard{scroll-margin-top:78px}.adminHeader{background:#071522}.adminKpi,.adminPanel{border-radius:12px}.transportAdmin{padding-bottom:78px}.transportAdmin .adminSidebar{display:block;position:fixed;z-index:50;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));top:auto;min-height:0;height:auto;padding:7px;background:rgba(5,14,24,.96);border:1px solid #263b4d;border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.38);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.transportAdmin .adminBrand,.transportAdmin .adminSidebar h3,.transportAdmin .adminSidebarFoot{display:none}.transportAdmin .adminNav{display:flex;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 1px}.transportAdmin .adminNav::-webkit-scrollbar{display:none}.transportAdmin .adminNav a,.transportAdmin .adminNav button{flex:0 0 auto;min-width:76px;min-height:54px;padding:8px 10px;border-radius:12px;justify-content:center;gap:5px;flex-direction:column;text-align:center;font-size:10px;color:#c7d2dc}.transportAdmin .adminNav a:before{width:auto;font-size:16px;line-height:1;color:#8ea4b8}.transportAdmin .adminNav .active{border:1px solid rgba(247,181,0,.3);border-radius:12px;background:linear-gradient(180deg,rgba(247,181,0,.16),rgba(247,181,0,.07));color:#fff}.transportAdmin .adminNav .active:before{color:var(--mcl-gold)}.transportAdmin .adminNav a:hover,.transportAdmin .adminNav button:hover{transform:none;background:#122638}.transportAdmin .trackingGrid{grid-template-columns:1fr}.transportAdmin .adminDashboard>.card,.transportAdmin .dispatchJob,.transportAdmin .trackingCard{border-radius:13px}}