:root{color:#201c1d;background:#f4f4f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;background:#f5f5f3}.sidebar{position:sticky;top:0;z-index:70;height:100vh;border-right:1px solid #e2e8f0;background:#fff;padding:18px 14px}.sidebar-brand{display:flex;align-items:center;gap:10px;min-width:0;padding:0 6px 18px}.brand-copy{min-width:0}.brand-name{display:block;overflow:hidden;color:#f6b625;font-size:14px;font-weight:900;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.brand-subtitle{display:block;overflow:hidden;color:#201c1d;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.topbar-title strong,.user-copy strong{display:block;overflow:hidden;color:#0f172a;font-size:14px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.brand-subtitle,.topbar-title span{font-size:12px}.brand-mark{display:inline-grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:999px;background:#201c1d;color:#f6b625;font-weight:900}.brand-mark--large{width:44px;height:44px}.sidebar-nav{display:grid;gap:4px}.sidebar-nav a{display:flex;align-items:center;gap:10px;min-height:38px;border-radius:8px;color:#475569;font-size:14px;font-weight:600;padding:8px 10px}.sidebar-nav a.active,.sidebar-nav a:hover{background:#fff4d6;color:#201c1d}.app-main{min-width:0}.topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;border-bottom:1px solid #e2e8f0;background:#fffffff0;padding:12px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-title,.topbar-user,.user-copy{min-width:0}.topbar-user{display:flex;align-items:center;justify-content:flex-end;gap:12px}.user-copy{display:grid;justify-items:end;gap:4px}.content{width:min(1180px,100%);margin:0 auto;padding:24px}.page-stack{display:grid;gap:16px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-header h1{margin:0;color:#0f172a;font-size:24px;line-height:1.2}.page-header p,.empty-state p{margin:6px 0 0;color:#64748b;font-size:14px}.empty-state{display:flex;align-items:center;gap:14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:18px}.empty-state svg{flex:0 0 auto;color:#f0ad19}.empty-state h2{margin:0;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:700;padding:8px 14px;transition:background .15s ease,border-color .15s ease,color .15s ease}.button:disabled{cursor:not-allowed;opacity:.65}.button--sm{min-height:34px;padding:7px 10px}.button--primary{border-color:#201c1d;background:#201c1d;color:#f6b625}.button--primary:hover:not(:disabled){border-color:#f6b625;background:#f6b625;color:#201c1d}.button--secondary{border-color:#cbd5e1;background:#fff;color:#0f172a}.button--secondary:hover:not(:disabled),.button--ghost:hover:not(:disabled){background:#f1f5f9}.button--ghost{background:transparent;color:#334155}.button--danger{background:#dc2626;color:#fff}a.button{cursor:pointer}.badge{display:inline-flex;align-items:center;width:fit-content;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:0;line-height:1;padding:5px 8px;text-transform:uppercase}.badge--slate{background:#f1f5f9;color:#334155}.badge--blue{background:#fff4d6;color:#8a5c00}.badge--green{background:#dcfce7;color:#15803d}.badge--yellow{background:#fef9c3;color:#a16207}.badge--red{background:#fee2e2;color:#b91c1c}.form-field{display:grid;gap:7px;color:#334155;font-size:13px;font-weight:700}.form-input{width:100%;min-height:40px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font-size:14px;padding:9px 11px}.form-input:focus{border-color:#f0ad19;box-shadow:0 0 0 3px #f6b6253d;outline:none}textarea.form-input{min-height:72px;resize:vertical}.form-error{color:#b91c1c;font-size:12px}.form-hint{color:#64748b;font-size:12px;font-weight:600}.table-scroll{width:100%;overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.data-table{width:100%;min-width:620px;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{border-bottom:1px solid #e2e8f0;padding:11px 14px;text-align:left;vertical-align:middle}.data-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:800;text-transform:uppercase}.data-table tr:last-child td{border-bottom:0}.data-table tr.is-clickable{cursor:pointer}.data-table tr.is-clickable:hover td,.data-table tr.is-clickable:focus-visible td{background:#fff9e8}.data-table tr.is-clickable:focus-visible{outline:2px solid #f0ad19;outline-offset:-2px}.data-table .is-right{text-align:right}.table-empty{color:#64748b;text-align:center}.stop-status-select{width:auto;min-width:132px;min-height:32px;border-radius:6px;font-size:12px;font-weight:800;padding:5px 8px;text-transform:uppercase}.login-page{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(circle at top right,rgba(246,182,37,.16),transparent 32%),linear-gradient(180deg,#fff,#f4f4f2);padding:18px clamp(18px,4vw,42px) 42px}.login-header{display:flex;align-items:center;justify-content:flex-start;min-height:44px}.humber-logo{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.humber-logo-mark{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:999px;background:#201c1d;color:#f6b625;font-size:20px;font-weight:900;line-height:1}.humber-logo-text{color:#f6b625;font-size:25px;font-weight:900;letter-spacing:0;line-height:1}.login-card-area{display:grid;flex:1;place-items:center;padding:clamp(36px,8vh,96px) 0}.login-panel{width:min(100%,430px);border:1px solid rgba(32,28,29,.1);border-radius:20px;background:#fff;box-shadow:0 26px 60px #201c1d1f;padding:30px}.login-panel h1{margin:0 0 24px;color:#201c1d;font-size:26px;font-weight:900;line-height:1.2}.login-form{display:grid;gap:14px}.login-submit{width:100%;min-height:46px;margin-top:6px;border-radius:10px;font-size:15px}.alert{margin:0;border-radius:8px;font-size:13px;padding:10px 12px}.alert--error{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c}.alert--success{border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d}.alert--info{border:1px solid #f6d677;background:#fff8df;color:#8a5c00}.panel{display:grid;gap:14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:16px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-header h2{margin:0;color:#0f172a;font-size:16px;line-height:1.2}.section-title-stack{display:grid;gap:3px}.section-title-stack p{margin:0;color:#64748b;font-size:13px;font-weight:700}.muted{color:#64748b;font-size:13px;font-weight:700}.text-link{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#8a5c00;font-size:13px;font-weight:800;padding:0}.text-link:hover{color:#201c1d;text-decoration:underline}.text-link:disabled{color:#94a3b8;cursor:progress;text-decoration:none}.inline-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-card{display:grid;gap:8px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:16px}.metric-card svg{color:#f0ad19}.metric-card--active svg{color:#a16207}.metric-card--done svg{color:#15803d}.metric-card span{color:#475569;font-size:13px;font-weight:800}.metric-card strong{color:#0f172a;font-size:28px;line-height:1}.admin-grid{display:grid;gap:16px}.admin-grid--forms{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.form-panel{align-content:start}.admin-user-form{max-width:760px}.admin-user-note{display:flex;align-items:center;gap:8px;color:#475569;font-size:13px}.admin-password-modal{width:min(100%,620px)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid--wide{grid-template-columns:repeat(3,minmax(0,1fr))}.form-field--span{grid-column:1 / -1}.fleet-unit-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.fare-panel__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.fare-panel__footer .form-hint{margin:0}.input-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.input-action-row .button{min-height:38px;white-space:nowrap}.satellite-config{display:grid;gap:12px;padding:12px 0 12px 14px;border-left:4px solid #f6b625;background:linear-gradient(90deg,#f6b6251a,#f6b62500)}.satellite-config__header{display:grid;gap:12px;align-items:start}.satellite-config__header .button{justify-self:start}.satellite-config__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.satellite-config__header h3{margin:0;color:#201c1d;font-size:15px}.satellite-config__header p{max-width:560px;margin:4px 0 0;color:#64748b;font-size:12px;font-weight:600;line-height:1.45}.form-hint--error{color:#b91c1c}.form-hint--success{color:#166534}.check-row{display:inline-flex;align-items:center;gap:8px;align-self:end;min-height:40px;color:#334155;font-size:13px;font-weight:800}.filters-row{display:grid;grid-template-columns:repeat(2,minmax(180px,260px));gap:12px}.input-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:16px;align-items:start}.editor-preview{position:sticky;top:84px}.stop-editor{display:grid;gap:12px;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.stop-editor--draggable{border-color:#d8e1ee}.stop-editor--dragging{border-color:#f6b31a;background:#fff9e8;opacity:.72}.stop-editor__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.drag-handle{display:grid;width:30px;height:30px;place-items:center;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:grab}.drag-handle:active{cursor:grabbing}.stop-type{display:inline-flex;width:fit-content;border-radius:6px;font-size:11px;font-weight:900;line-height:1;padding:5px 7px}.stop-type--origen{background:#dcfce7;color:#15803d}.stop-type--parada{background:#fff4d6;color:#8a5c00}.stop-type--destino{background:#fee2e2;color:#b91c1c}.icon-button--sm{width:30px;height:30px}.geo-results{display:grid;gap:6px}.address-autocomplete{position:relative}.geo-results--floating{position:absolute;z-index:25;right:0;left:0;top:calc(100% + 6px);max-height:340px;overflow-y:auto;border:1px solid #f6d677;border-radius:8px;background:#fff;box-shadow:0 16px 36px #0f172a29;padding:6px}.geo-results__status{color:#475569;font-size:13px;font-weight:700;padding:8px 10px}.geo-results button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#334155;padding:8px 10px;text-align:left}.geo-results button svg{margin-top:2px}.geo-results button:hover{border-color:#f6d677;background:#fff8df}.geo-results span{font-size:13px;font-weight:700;line-height:1.35;white-space:normal;word-break:break-word}.geo-results small{grid-column:2;justify-self:start;color:#64748b;font-size:12px;font-weight:700}.route-map-stack{display:grid;gap:10px}.route-map{position:relative;z-index:0;isolation:isolate;min-height:320px;overflow:hidden;border:1px solid #e2e8f0;border-radius:8px}.route-map .leaflet-container{width:100%;min-height:320px;font:inherit}.route-map .leaflet-control-attribution{font-size:11px}.route-distance-overlay{position:absolute;z-index:500;top:10px;left:50%;display:grid;min-width:148px;transform:translate(-50%);place-items:center;border:2px solid #ffffff;border-radius:999px;background:#201c1d;box-shadow:0 12px 28px #0f172a3d;color:#fff;padding:7px 14px;pointer-events:none}.route-distance-overlay span{color:#f6b625;font-size:10px;font-weight:900;line-height:1;text-transform:uppercase}.route-distance-overlay strong{margin-top:3px;font-size:15px;line-height:1}.remaining-route-overlay{position:absolute;z-index:500;top:66px;right:10px;display:grid;min-width:150px;max-width:min(240px,calc(100% - 20px));place-items:center;border:2px solid #ffffff;border-radius:999px;background:#ecfdf5;box-shadow:0 12px 28px #0f172a33;color:#14532d;padding:7px 14px;text-align:center;pointer-events:none}.remaining-route-overlay span{max-width:100%;overflow:hidden;color:#15803d;font-size:10px;font-weight:900;line-height:1.1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.remaining-route-overlay strong{margin-top:3px;font-size:16px;line-height:1}.remaining-route-overlay small{margin-top:2px;color:#166534;font-size:11px;font-weight:800;line-height:1}.route-distance-controls{display:grid;gap:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:12px}.route-distance-controls__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.route-distance-controls__head div{display:grid;gap:2px}.route-distance-controls__head span,.route-distance-controls__head small,.route-range-grid small{color:#64748b;font-size:12px;font-weight:800}.route-distance-controls__head strong{color:#0f172a;font-size:18px;line-height:1}.route-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.route-range-grid input[type=range]{width:100%;accent-color:#f6b625}.map-popup{display:grid;gap:7px;min-width:180px;max-width:260px;color:#0f172a;line-height:1.35}.map-popup strong{color:#201c1d}.map-popup span{overflow-wrap:anywhere}.map-popup__name{color:#475569;font-size:12px;font-weight:800}.map-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.map-shortcuts a{display:inline-flex;align-items:center;min-height:28px;border:1px solid #f6d677;border-radius:6px;background:#fff8df;color:#8a5c00;font-size:12px;font-weight:800;padding:5px 7px}.map-shortcuts a:hover{border-color:#201c1d;background:#201c1d;color:#f6b625;text-decoration:none}.driver-access-page{min-height:100vh;background:#f8fafc;color:#0f172a;padding:16px}.driver-mobile-shell,.driver-login-card{width:min(100%,720px);margin:0 auto}.driver-mobile-shell{display:grid;gap:14px}.driver-login-card{display:grid;gap:18px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:22px}.driver-login-card h1,.driver-trip-header h1,.driver-section-header h2,.driver-stop-card h3{margin:0;letter-spacing:0}.driver-login-card h1{font-size:24px;line-height:1.2}.driver-login-card p{margin:6px 0 0;color:#64748b;font-size:14px}.driver-pin-form{display:grid;gap:14px}.driver-pin-input{min-height:52px;font-size:24px;font-weight:800;letter-spacing:0;text-align:center}.driver-trip-header,.driver-section{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:16px}.driver-trip-header{display:grid;gap:14px}.driver-trip-header__top,.driver-section-header,.driver-stop-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.driver-kicker{display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.driver-trip-header h1{overflow-wrap:anywhere;font-size:24px;line-height:1.15}.driver-trip-summary,.driver-stop-details{display:grid;gap:10px;margin:0}.driver-trip-summary div,.driver-stop-details div{min-width:0}.driver-trip-summary dt,.driver-stop-details dt{color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.driver-trip-summary dd,.driver-stop-details dd{margin:2px 0 0;overflow-wrap:anywhere;color:#0f172a;font-size:14px;font-weight:700}.driver-primary-action{width:100%;min-height:56px;font-size:16px;white-space:normal}.driver-section{display:grid;gap:12px}.driver-section-header h2{font-size:18px;line-height:1.25}.driver-section-header span{color:#64748b;font-size:13px;font-weight:700}.driver-access-page .route-map,.driver-access-page .route-map .leaflet-container{min-height:360px}.driver-stop-list{display:grid;gap:12px}.driver-stop-card{display:grid;gap:12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:14px}.driver-stop-card h3{margin-top:6px;overflow-wrap:anywhere;font-size:17px;line-height:1.25}.driver-action-row{display:grid;grid-template-columns:1fr;gap:8px}.driver-action-row .button,.driver-upload-button{width:100%;min-height:44px;white-space:normal}.driver-upload-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:8px 12px;text-align:center}.driver-upload-button:hover{background:#f1f5f9}.driver-upload-button.is-disabled{cursor:not-allowed;opacity:.65}.driver-upload-button:disabled{cursor:not-allowed;opacity:.65}.driver-upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0}.driver-upload-button.is-disabled input{cursor:not-allowed}@media (min-width: 480px){.driver-access-page{padding:24px}.driver-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.fleet-map-panel{gap:12px}.fleet-map,.fleet-map .leaflet-container{width:100%;min-height:600px;font:inherit}.fleet-map{position:relative;z-index:0;isolation:isolate;overflow:hidden;border:1px solid #e2e8f0;border-radius:8px}.fleet-map .leaflet-control-attribution{font-size:11px}.fleet-map .leaflet-control-layers{overflow:hidden;border:1px solid rgb(15 23 42 / 12%);border-radius:8px;box-shadow:0 10px 22px #0f172a24;color:#0f172a;font:inherit}.fleet-map .leaflet-control-layers-toggle{width:34px;height:34px}.fleet-map .leaflet-control-layers-expanded{padding:8px 10px}.fleet-map .leaflet-control-layers label{margin:4px 0;font-size:12px;font-weight:800}.fleet-map-legend{position:absolute;z-index:500;right:12px;bottom:16px;left:12px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;width:fit-content;max-width:calc(100% - 24px);border:1px solid rgb(15 23 42 / 12%);border-radius:8px;background:#fffffff0;box-shadow:0 10px 24px #0f172a29;color:#0f172a;font-size:12px;font-weight:800;letter-spacing:0;line-height:1.1;padding:8px 10px;pointer-events:none}.fleet-map-legend__item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.fleet-map-legend__dot{display:inline-block;width:11px;height:11px;border:2px solid #ffffff;border-radius:999px;box-shadow:0 0 0 1px #0f172a1f}.fleet-map-legend__dot--fresh{background:#16a34a}.fleet-map-legend__dot--recent{background:#f59e0b}.fleet-map-legend__dot--stale{background:#64748b}.fleet-map-legend__dot--invalid{background:#b91c1c}.fleet-marker--invalid .fleet-marker__plate,.route-marker.route-marker--tracking-invalid span{background:#b91c1c;border-color:#fecaca}.shared-trip-marker--invalid span{outline:3px solid #b91c1c}.fleet-marker{position:absolute;display:grid!important;overflow:visible;background:transparent;border:0;place-items:center}.fleet-marker__plate{position:relative;z-index:2;display:grid;box-sizing:border-box;width:72px;min-width:72px;height:30px;place-items:center;border:2px solid #ffffff;border-radius:999px;background:#16a34a;box-shadow:0 8px 18px #1665344d;color:#fff;font-size:11px;font-weight:900;letter-spacing:0;line-height:1;padding:0 8px;text-align:center;white-space:nowrap}.fleet-marker__speed{position:absolute;z-index:3;top:-24px;left:50px;display:grid;min-width:58px;height:26px;place-items:center;border:2px solid #ffffff;border-radius:999px;background:#201c1d;box-shadow:0 8px 18px #0f172a42;color:#fff;font-size:12px;font-weight:900;letter-spacing:0;line-height:1;padding:0 9px;white-space:nowrap}.fleet-marker--stale .fleet-marker__plate{border-color:#e2e8f0;background:#64748b;box-shadow:0 8px 18px #4755693d}.fleet-marker--recent .fleet-marker__plate{border-color:#fef3c7;background:#f59e0b;box-shadow:0 8px 18px #b4530947}.fleet-marker--fresh:before{position:absolute;z-index:1;top:-9px;right:-11px;bottom:-9px;left:-11px;border:2px solid rgb(34 197 94 / 58%);border-radius:999px;content:"";pointer-events:none;animation:tracking-pulse 2.2s ease-out infinite}.empty-inline{margin:0;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:14px;font-weight:700;padding:18px;text-align:center}.route-marker{background:transparent;border:0}.route-marker span{display:grid;width:30px;height:30px;place-items:center;border:2px solid #ffffff;border-radius:999px;background:var(--marker-color, #1d4ed8);box-shadow:0 6px 14px #0f172a40;color:#fff;font-size:12px;font-weight:900}.route-marker--editable span{cursor:grab}.route-marker--editable span:active{cursor:grabbing}.route-marker--tracking span{position:relative;z-index:2;width:auto;min-width:58px;height:26px;padding:0 8px;border-color:#dcfce7;border-radius:999px;font-size:11px;letter-spacing:0;white-space:nowrap}.route-marker--tracking-fresh span{background:#16a34a;box-shadow:0 8px 18px #16653452}.route-marker--tracking-recent span{border-color:#fef3c7;background:#f59e0b;box-shadow:0 8px 18px #b4530947}.route-marker--tracking-stale span{border-color:#e2e8f0;background:#64748b;box-shadow:0 8px 18px #4755693d}.route-marker--tracking-fresh:before,.route-marker--tracking-fresh:after{position:absolute;z-index:1;top:-8px;right:-10px;bottom:-8px;left:-10px;border:2px solid rgb(34 197 94 / 65%);border-radius:999px;content:"";pointer-events:none;transform:scale(.75);animation:tracking-pulse 2.2s ease-out infinite}.route-marker--tracking-fresh:after{animation-delay:1.1s}.route-stopover-marker{background:transparent;border:0}.route-stopover-marker span{display:grid;min-width:52px;height:28px;place-items:center;border:2px solid #ffffff;border-radius:999px;background:#d97706;box-shadow:0 8px 18px #92400e4d;color:#fff;font-size:11px;font-weight:900;letter-spacing:0;padding:0 8px;white-space:nowrap}@keyframes tracking-pulse{0%{opacity:.9;transform:scale(.72)}70%{opacity:0;transform:scale(1.45)}to{opacity:0;transform:scale(1.45)}}.summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.summary-list--stacked{grid-template-columns:1fr}.summary-list div{display:grid;gap:3px}.summary-list dt{color:#64748b;font-size:12px;font-weight:800}.summary-list dd{margin:0;color:#0f172a;font-size:14px;font-weight:700}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.json-inline{display:inline-block;max-width:420px;overflow:hidden;color:#475569;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.carrier-management-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:16px;align-items:start}.fleet-units-panel{width:100%}.cell-stack{display:grid;gap:2px}.cell-stack strong{color:#0f172a;font-size:14px}.cell-stack span{color:#64748b;font-size:12px;font-weight:700}.document-status{display:grid;gap:4px;justify-items:start}.document-status span:last-child{color:#64748b;font-size:12px;font-weight:800;white-space:nowrap}.vehicle-modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;background:#0f172a94;padding:20px}.vehicle-modal{display:grid;width:min(100%,760px);max-height:calc(100vh - 40px);gap:14px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:16px;box-shadow:0 22px 60px #0f172a47}.vehicle-modal__form{display:grid;gap:14px}.satellite-import-modal{width:min(100%,1080px)}.satellite-import-credentials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:end}.satellite-import-credentials .button{min-height:38px}.satellite-import-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;color:#475569;font-size:13px;font-weight:700}.satellite-import-table-wrap{max-height:48vh;border:1px solid #e2e8f0;border-radius:8px}.satellite-import-table th{position:sticky;z-index:1;top:0;background:#f8fafc}.satellite-import-table td{vertical-align:middle}.satellite-import-plate{width:132px;text-transform:uppercase}.auto-save-status{margin:0;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#475569;font-size:13px;font-weight:800;padding:9px 10px}.auto-save-status--pending,.auto-save-status--saving{border-color:#fde68a;background:#fffbeb;color:#92400e}.auto-save-status--saved{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.auto-save-status--error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.modal-actions{display:flex;justify-content:flex-end}.modal-actions--split{flex-wrap:wrap;justify-content:space-between;gap:10px}.upload-grid{display:flex;flex-wrap:wrap;gap:8px}.upload-control{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;overflow:hidden;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font-size:13px;font-weight:800;padding:7px 10px}.upload-grid--documents{align-items:stretch}.vehicle-document-upload{flex:1 1 190px;min-width:0;justify-content:flex-start}.vehicle-document-upload__text{display:grid;flex:1 1 auto;min-width:0;gap:1px}.vehicle-document-upload__text span,.vehicle-document-upload__text small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-document-upload__text small{color:#64748b;font-size:11px;font-weight:700}.vehicle-document-upload__status{display:inline-flex;flex:0 0 auto;margin-left:auto}.vehicle-document-upload__status--uploaded{color:#16a34a}.vehicle-document-upload__status--missing{color:#dc2626}.upload-control--uploaded{border-color:#86efac;background:#f0fdf4;color:#14532d}.upload-control:hover{background:#f1f5f9}.upload-control--uploaded:hover{background:#dcfce7}.upload-control input{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0}.upload-control:has(input:disabled){cursor:not-allowed;opacity:.65}.upload-control:has(input:disabled) input{cursor:not-allowed}.upload-control--compact{min-height:32px;padding:6px 9px}.segmented-control{display:inline-flex;width:fit-content;max-width:100%;overflow-x:auto;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:3px}.segmented-control button{display:inline-flex;align-items:center;gap:7px;min-height:30px;border:0;border-radius:6px;background:transparent;color:#475569;font-size:13px;font-weight:800;padding:6px 10px;white-space:nowrap}.segmented-control button.is-selected{background:#201c1d;color:#f6b625}.segmented-control span{display:inline-grid;min-width:20px;min-height:20px;place-items:center;border-radius:999px;background:#f1f5f9;color:#334155;font-size:11px}.segmented-control button.is-selected span{background:#fff3;color:#fff}.check-row--warning{width:fit-content;min-height:0;border:1px solid #fde68a;border-radius:8px;background:#fffbeb;color:#92400e;padding:9px 11px}.stop-execution-grid{display:grid;gap:12px}.stop-execution-card{display:grid;gap:12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:12px}.stop-execution-card__head,.stop-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.stop-actions{justify-content:flex-start}.auth-status{display:flex;align-items:center;justify-content:center;gap:10px;min-height:100vh;background:#f5f5f3;color:#475569;font-size:14px;padding:24px}.icon-button{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155}.icon-button:hover{background:#f1f5f9}.mobile-menu,.sidebar-close,.sidebar-backdrop{display:none}@media (max-width: 760px){.app-layout{display:block}.sidebar{position:fixed;inset:0 auto 0 0;z-index:80;width:min(84vw,280px);transform:translate(-100%);transition:transform .18s ease}.sidebar.is-open{transform:translate(0)}.sidebar-close,.sidebar-backdrop,.mobile-menu{display:inline-grid}.sidebar-close{margin-left:auto}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;border:0;background:#0f172a61}.topbar{padding:10px 14px}.topbar-title{flex:1 1 auto}.topbar-user{gap:8px}.user-copy{display:none}.content{padding:16px}.page-header{display:grid}.page-header h1{font-size:21px}.empty-state{align-items:flex-start}.metric-grid,.admin-grid--forms,.carrier-management-grid,.detail-grid,.editor-layout,.form-grid,.form-grid--wide,.filters-row,.route-range-grid,.satellite-import-credentials{grid-template-columns:1fr}.fleet-unit-actions,.fleet-unit-actions .button{width:100%}.editor-preview{position:static}.section-header,.satellite-config__header,.input-action{align-items:stretch;display:grid;grid-template-columns:1fr}.segmented-control,.upload-control{width:100%}.login-page{padding:16px}.login-header{min-height:40px}.login-panel{padding:20px}}.shared-board-form{gap:18px}.shared-selection-count{border-radius:999px;background:#fff4d6;color:#7c5200;font-size:12px;font-weight:900;padding:6px 10px}.shared-options{display:flex;flex-wrap:wrap;gap:8px;margin:0;border:0;padding:0}.shared-options legend{width:100%;margin-bottom:7px;color:#334155;font-size:13px;font-weight:800}.shared-option{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe3ec;border-radius:999px;background:#f8fafc;color:#334155;font-size:13px;font-weight:750;padding:7px 11px}.shared-option:has(input:checked){border-color:#f1c75b;background:#fff8df;color:#654600}.shared-option input,.shared-trip-option input{accent-color:#201c1d}.shared-trip-picker{display:grid;gap:10px}.shared-trip-picker__head{display:flex;align-items:end;justify-content:space-between;gap:16px}.shared-trip-search{width:min(520px,100%)}.search-input-wrap{position:relative;display:block}.search-input-wrap svg{position:absolute;z-index:1;top:50%;left:11px;transform:translateY(-50%);color:#64748b;pointer-events:none}.search-input-wrap .form-input{padding-left:36px}.shared-trip-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:430px;overflow-y:auto;gap:8px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:10px}.shared-trip-option{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:9px;border:1px solid #dbe3ec;border-radius:9px;background:#fff;cursor:pointer;padding:11px}.shared-trip-option:has(input:checked){border-color:#e5b336;box-shadow:inset 3px 0 #f6b625;background:#fffcf2}.shared-trip-option.is-disabled{cursor:not-allowed;opacity:.68}.shared-trip-option input{margin:3px 0 0}.shared-trip-option__status{display:grid;color:#16a34a;margin-top:1px}.shared-trip-option.is-disabled .shared-trip-option__status{color:#d97706}.shared-trip-option__copy{display:grid;min-width:0;gap:2px}.shared-trip-option__copy strong{color:#0f172a;font-size:13px}.shared-trip-option__copy span{overflow:hidden;color:#475569;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.shared-trip-option__copy small{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.shared-form-actions{display:flex;justify-content:flex-end;gap:8px}.shared-board-list{display:grid;gap:8px}.shared-board-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e2e8f0;border-radius:9px;padding:13px}.shared-board-card__main{display:grid;min-width:0;gap:3px}.shared-board-card__title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.shared-board-card__title strong{color:#0f172a;font-size:14px}.shared-board-card__main>span:not(.shared-board-card__title){color:#475569;font-size:13px;font-weight:700}.shared-board-card__main small{color:#64748b;font-size:11px;font-weight:650}.shared-board-card__actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:5px}.public-tracking-page{min-height:100vh;background:#eef1f3;color:#172033}.public-tracking-header{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(280px,1.4fr) minmax(210px,.8fr);align-items:center;gap:24px;min-height:96px;border-bottom:1px solid #dfe5eb;background:#fff;box-shadow:0 4px 18px #0f172a0d;padding:16px 24px}.public-tracking-brand,.public-tracking-expiry{display:flex;align-items:center;gap:10px}.public-tracking-brand>span:last-child,.public-tracking-expiry>span{display:grid}.public-tracking-brand strong{color:#d99b0b;font-size:17px;line-height:1.1}.public-tracking-brand small,.public-tracking-expiry small{color:#64748b;font-size:11px;font-weight:700}.public-tracking-heading{min-width:0;text-align:center}.public-tracking-heading>span{color:#98700f;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.public-tracking-heading h1{overflow:hidden;margin:2px 0 0;color:#111827;font-size:clamp(18px,2.5vw,25px);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.public-tracking-heading p{margin:2px 0 0;color:#64748b;font-size:12px;font-weight:700}.public-tracking-expiry{justify-self:end;border:1px solid #e6e9ed;border-radius:9px;background:#f8fafc;padding:8px 11px}.public-tracking-expiry svg{color:#bd8509}.public-tracking-expiry strong{font-size:12px}.public-refresh-warning{margin:0;background:#fff7dc;color:#895f00;font-size:12px;font-weight:700;padding:7px 20px;text-align:center}.public-tracking-layout{display:grid;grid-template-columns:minmax(300px,370px) minmax(0,1fr);min-height:calc(100vh - 96px)}.public-trip-sidebar{position:relative;z-index:2;display:flex;min-height:0;flex-direction:column;border-right:1px solid #dfe5eb;background:#fff;box-shadow:8px 0 24px #0f172a0d}.public-trip-sidebar__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 10px}.public-trip-sidebar__head>div{display:grid}.public-trip-sidebar__head strong{color:#0f172a;font-size:17px}.public-trip-sidebar__head span{color:#64748b;font-size:11px;font-weight:700}.public-live-state{display:inline-flex!important;align-items:center;gap:6px;border-radius:999px;background:#ecfdf5;color:#047857!important;padding:5px 8px;text-transform:uppercase}.public-live-state i{width:7px;height:7px;border-radius:999px;background:#10b981;box-shadow:0 0 0 4px #10b98124}.public-live-state.is-refreshing i{animation:pulse-live .8s infinite alternate}@keyframes pulse-live{to{opacity:.3}}.public-trip-search{position:relative;display:flex;align-items:center;margin:0 16px 10px}.public-trip-search svg{position:absolute;left:11px;color:#64748b}.public-trip-search input{width:100%;min-height:38px;border:1px solid #d8e0e8;border-radius:8px;background:#f8fafc;color:#0f172a;font-size:12px;padding:8px 10px 8px 34px;outline:none}.public-trip-search input:focus{border-color:#e3b647;box-shadow:0 0 0 3px #f6b6252e}.public-select-all,.public-trip-card{position:relative;cursor:pointer}.public-select-all>input,.public-trip-card>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.public-select-all{display:flex;align-items:center;gap:9px;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6;color:#334155;font-size:12px;padding:10px 16px}.public-checkbox{display:inline-grid;width:19px;height:19px;flex:0 0 auto;place-items:center;border:1px solid #bdc8d4;border-radius:5px;background:#fff;color:transparent}.public-select-all:has(input:checked) .public-checkbox,.public-trip-card:has(input:checked) .public-checkbox{border-color:#202020;background:#202020;color:#f6b625}.public-trip-list{display:grid;min-height:0;overflow-y:auto;align-content:start;gap:8px;background:#f7f9fb;padding:10px}.public-trip-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;border:1px solid #dde4eb;border-radius:10px;background:#fff;padding:11px;transition:border-color .15s ease,box-shadow .15s ease}.public-trip-card.is-selected{border-color:#e0af32;box-shadow:0 4px 14px #78540017,inset 3px 0 #f6b625}.public-trip-card>.public-checkbox{margin-top:2px}.public-trip-card__body{display:grid;min-width:0;gap:6px}.public-trip-card__top,.public-trip-meta,.public-trip-position{display:flex;align-items:center;justify-content:space-between;gap:8px}.public-trip-card__top strong{overflow:hidden;color:#111827;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.public-trip-client{overflow:hidden;color:#64748b;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.public-trip-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;color:#334155;font-size:11px;font-weight:750}.public-trip-route span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-trip-route span:last-child{text-align:right}.public-trip-route i{color:#d39a13;font-style:normal;font-weight:900}.public-trip-meta{color:#64748b;font-size:10px;font-weight:750}.public-trip-meta span{display:inline-flex;align-items:center;gap:4px}.public-trip-position{justify-content:flex-start;border-top:1px solid #eef2f6;color:#64748b;font-size:10px;font-weight:800;padding-top:6px}.public-trip-position--fresh{color:#047857}.public-trip-position--recent{color:#a16207}.public-trip-position--stale,.public-trip-position--invalid,.public-trip-position--missing{color:#b91c1c}.public-trip-empty{margin:20px 12px;color:#64748b;font-size:12px;text-align:center}.public-map-panel{min-width:0;min-height:560px;background:#e7ecf0}.shared-tracking-map,.shared-tracking-map .leaflet-container,.shared-map-empty{width:100%;min-height:calc(100vh - 96px)}.shared-tracking-map{position:relative}.shared-tracking-map .leaflet-container{font:inherit}.shared-map-empty{display:grid;place-content:center;justify-items:center;gap:4px;color:#64748b;padding:24px;text-align:center}.shared-map-empty strong{color:#334155;font-size:16px}.shared-map-empty span{font-size:12px}.shared-map-legend{position:absolute;z-index:500;right:12px;bottom:24px;display:flex;flex-wrap:wrap;gap:10px;border:1px solid rgb(255 255 255 / 70%);border-radius:8px;background:#fffffff0;box-shadow:0 6px 20px #0f172a24;color:#475569;font-size:10px;font-weight:800;padding:8px 10px}.shared-map-legend span{display:inline-flex;align-items:center;gap:5px}.shared-map-legend__line{width:22px;border-top:4px solid #2563eb}.shared-map-legend__line--planned{border-top-style:dashed;opacity:.55}.shared-trip-marker,.shared-stop-marker{border:0;background:transparent}.shared-trip-marker>span{display:block;overflow:hidden;min-width:64px;max-width:104px;border:2px solid #ffffff;border-radius:999px;background:var(--trip-color);box-shadow:0 5px 14px #0f172a47;color:#fff;font-size:11px;font-weight:900;padding:6px 9px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.shared-trip-marker--stale>span{filter:grayscale(.8);opacity:.75}.shared-trip-marker--recent>span{box-shadow:0 0 0 3px #facc15,0 5px 14px #0f172a47}.shared-trip-marker--fresh>span{box-shadow:0 0 0 3px #34d399,0 5px 14px #0f172a47}.shared-stop-marker>span{display:grid;width:24px;height:24px;place-items:center;border:2px solid #ffffff;border-radius:999px 999px 999px 3px;transform:rotate(-45deg);background:var(--trip-color);box-shadow:0 3px 10px #0f172a40;color:#fff;font-size:9px;font-weight:900}.shared-stop-marker>span:first-line{transform:rotate(45deg)}.public-tracking-status{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#f3f5f6;color:#64748b;padding:24px;text-align:center}.public-tracking-status h1,.public-tracking-status p{margin:0}.public-tracking-status h1{color:#111827;font-size:22px}.public-tracking-status svg{color:#d49a11}.public-tracking-status small{max-width:420px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 920px){.public-tracking-header{grid-template-columns:auto minmax(0,1fr)}.public-tracking-heading{text-align:right}.public-tracking-expiry{display:none}.public-tracking-layout{grid-template-columns:320px minmax(0,1fr)}}@media (max-width: 760px){.shared-trip-options{grid-template-columns:1fr}.shared-trip-picker__head,.shared-board-card,.shared-board-card__actions{align-items:stretch;display:grid}.shared-board-card__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.public-tracking-header{grid-template-columns:auto minmax(0,1fr);min-height:76px;gap:12px;padding:10px 14px}.public-tracking-brand>span:last-child{display:none}.public-tracking-heading h1{font-size:17px}.public-tracking-layout{display:flex;min-height:0;flex-direction:column-reverse}.public-trip-sidebar{min-height:480px;border-top:1px solid #dfe5eb;border-right:0}.public-map-panel,.shared-tracking-map,.shared-tracking-map .leaflet-container,.shared-map-empty{min-height:52vh}.shared-map-legend{right:8px;bottom:20px}}
