:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-header{border-bottom:1px solid var(--border);text-align:left;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:0 32px;display:flex}.brand,.app-nav a,.nav-button,.text-link{color:var(--text-h);text-decoration:none}.brand{font-size:20px;font-weight:700}.app-nav{gap:8px;display:flex}.app-nav a,.nav-button,.text-link{border-radius:6px;padding:7px 10px;transition:background .2s,color .2s}.app-nav a.active,.app-nav a:hover,.nav-button:hover,.text-link:hover{color:var(--accent);background:var(--accent-bg)}.nav-button{font:inherit;cursor:pointer;background:0 0;border:0}.splash{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;min-height:420px;padding:64px 56px;display:grid}.splash-copy{gap:20px;display:grid}.splash h1,.dashboard h1{margin:0}.splash-copy p,.dashboard-heading p{max-width:620px;font-size:20px}.splash-art{width:170px;height:auto}.status-grid,.metric-grid{border-top:1px solid var(--border);text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.operator-tabs{border-bottom:1px solid var(--border);gap:4px;margin:16px 0 20px;display:flex}.operator-tab{color:var(--text);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none}.operator-tab:hover{color:var(--text-h)}.operator-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.operator-tab-group{position:relative}.operator-tab-group>.operator-tab{cursor:pointer;font:inherit;background:0 0;border:0}.operator-tab-menu{background:var(--bg);border:1px solid var(--border);z-index:10;border-radius:6px;flex-direction:column;min-width:180px;margin-top:4px;padding:4px 0;display:flex;position:absolute;top:100%;left:0;box-shadow:0 4px 16px #00000014}.operator-tab-menu-item{color:var(--text);padding:8px 16px;font-size:14px;text-decoration:none}.operator-tab-menu-item:hover{color:var(--accent);background:var(--accent-bg)}.operator-tab-menu-item--active{color:var(--accent)}.sort-header{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sort-header:hover{color:var(--accent)}.panel,.metric{padding:32px}.panel+.panel,.metric+.metric{border-left:1px solid var(--border)}.panel h2{margin-bottom:16px}.dashboard,.app-home,.route-state{text-align:left;gap:0;display:grid}.route-state{justify-content:center;padding:56px 32px}.route-state .panel{border:1px solid var(--border);background:var(--social-bg);border-radius:8px;width:420px;max-width:100%}.dashboard-heading{gap:16px;padding:56px 32px;display:grid}.metric{background:var(--social-bg);gap:8px;display:grid}.metric span{color:var(--text)}.metric strong{color:var(--text-h);font-size:32px;line-height:1}.error{color:#b42318}.success{color:#067647}.admin-organizations{border-top:1px solid var(--border);grid-template-columns:1fr;display:grid}.admin-form{gap:14px;display:grid}.form-section{border-top:1px solid var(--border);gap:12px;padding-top:14px;display:grid}.form-section>h3{color:var(--text-h);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:14px;font-weight:600}.form-field--checkbox{grid-template-columns:auto 1fr;align-items:center;gap:10px}.form-field--checkbox input{width:auto}.form-field textarea{width:100%;font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);resize:vertical;border-radius:6px;padding:8px 10px;font-size:15px}.admin-form.compact{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;margin-bottom:24px}.form-field{color:var(--text-h);gap:6px;font-size:15px;display:grid}.form-field input,.form-field select,.admin-table select{width:100%;font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:15px}.form-field input:focus,.form-field select:focus,.admin-table select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.primary-button,.text-button{font:inherit;cursor:pointer;border-radius:6px;font-weight:600}.primary-button{color:var(--bg);background:var(--accent);border:0;padding:10px 14px}.text-button{color:var(--accent);background:0 0;border:0;padding:4px 0}.text-button.danger{color:#b42318}.text-button:disabled{color:var(--text);cursor:not-allowed}.admin-table-wrap{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:10px 8px}.admin-table th{color:var(--text-h);font-weight:700}.organization-users{gap:12px;display:grid}.organization-toolbar{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:14px;margin-bottom:24px;display:grid}.user-toolbar{justify-content:flex-end;margin-bottom:12px;display:flex}.organization-select{max-width:460px}.modal-backdrop{z-index:10;background:#08060d6b;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{width:420px;max-width:100%;color:var(--text);background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);text-align:left;border-radius:8px;margin:auto;padding:24px}.modal-header,.modal-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal-header{margin-bottom:20px}.modal-copy{margin-bottom:18px}.modal-actions{justify-content:flex-end}.modal-actions--center{justify-content:center}.notes-indicator{color:#b42318;font-weight:700}.text-muted{color:var(--text)}.modal-detail{flex-direction:column;gap:12px;display:flex}.detail-list{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;display:grid}.detail-list dt{color:var(--text);font-weight:600}.detail-list dd{color:var(--text-h);word-break:break-word;margin:0}.icon-button{width:32px;height:32px;font:inherit;color:var(--text-h);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;place-items:center;display:inline-grid}.icon-button:hover{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border)}.link-button{font:inherit;color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.link-button:hover{text-decoration:underline}.admin-table tr.selected{background:var(--accent-bg)}.admin-table tr.selectable-row{cursor:pointer}.admin-table tr.selectable-row:hover,.admin-table tr.selectable-row.selected{background:var(--accent-bg)}.routes-panel{gap:18px;display:grid}.route-stops{border:1px solid var(--border);background:var(--social-bg);border-radius:8px;gap:10px;padding:16px;display:grid}.route-stops h3{color:var(--text-h);margin:0;font-size:16px}.route-stops-header,.routes-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.route-maps-nav{flex-wrap:wrap;gap:12px;display:flex}.routes-header h3{color:var(--text-h);margin:0;font-size:16px}.org-detail-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.org-detail-title{align-items:center;gap:12px;display:flex}.org-detail-title h3{color:var(--text-h);margin:0;font-size:18px}.org-detail-metrics{border-top:0;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.status-badge{letter-spacing:.2px;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.status-badge.status-active{color:#067647;background:#0676471a}.status-badge.status-inactive,.status-badge.status-queued{color:var(--text);background:var(--social-bg)}.status-badge.status-running{color:#1a4ed8;background:#1a4ed81f}.status-badge.status-completed{color:#067647;background:#0676471a}.status-badge.status-failed{color:#991b1b;background:#991b1b1f}.status-badge.status-cancelled,.status-badge.status-draft{color:var(--text);background:var(--social-bg)}.status-badge.status-published{color:#067647;background:#0676471a}.volume-cell{font-variant-numeric:tabular-nums;border-radius:4px;padding:2px 8px;display:inline-block}.volume-cell.volume-risk-low{color:#067647;background:#0676471a}.volume-cell.volume-risk-medium{color:#92400e;background:#92400e1f}.volume-cell.volume-risk-high{color:#9a3412;background:#9a341224}.volume-cell.volume-risk-critical{color:#991b1b;background:#991b1b29;font-weight:600}.volume-cell.volume-risk-unknown,.volume-cell.volume-risk-none{color:var(--text-muted,var(--text));background:0 0}.forecast-cell{flex-direction:column;align-items:flex-start;gap:1px;padding:4px 8px;line-height:1.25;display:inline-flex}.forecast-cell__line{display:block}.forecast-cell__volume{font-weight:600}.forecast-cell__meta,.forecast-cell__pickup,.forecast-cell__updated{opacity:.92;font-size:11px}.forecast-cell__updated{opacity:.75}.forecast-stale-chip{color:#92400e;background:#fef3c7;border-radius:8px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;display:inline-block}.form-fieldset{border:1px solid var(--border,#d1d5db);border-radius:6px;margin:4px 0;padding:8px 12px 12px}.form-fieldset legend{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,var(--text));padding:0 6px;font-size:12px;font-weight:600}.form-field-hint{color:var(--text-muted,var(--text));margin:4px 0 0;font-size:12px}.radio-row{align-items:center;gap:6px;padding:2px 0;font-size:13px;display:flex}.forecast-source-chip{border-radius:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.forecast-source-chip--customer_estimate{color:#067647;background:#0676471a}.forecast-source-chip--tank_observations_inferred{color:#1d4ed8;background:#2563eb1a}.forecast-source-chip--fallback_default{color:#92400e;background:#fef3c7}.forecast-source-chip--manual_override{color:#6d28d9;background:#7c3aed1a}.forecast-source-chip--none{background:var(--social-bg,#f3f4f6);color:var(--text-muted,var(--text))}.fill-rate-modeled-chip{color:#1d4ed8;background:#2563eb1a;border-radius:8px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;display:inline-block}.modal--wide{max-width:720px}.add-stop-list{flex-direction:column;gap:4px;max-height:55vh;padding:4px 0;display:flex;overflow-y:auto}.add-stop-row{text-align:left;border:1px solid var(--border,#d1d5db);background:var(--surface,#fff);width:100%;color:inherit;cursor:pointer;font:inherit;border-radius:6px;grid-template-columns:minmax(180px,1fr) 2fr;align-items:center;gap:12px;padding:8px 12px;display:grid}.add-stop-row:hover{background:var(--social-bg,#f3f4f6)}.add-stop-row--selected{border-color:var(--primary,#1d4ed8);background:#1d4ed80f}.add-stop-row__name{font-weight:600}.add-stop-row__tanks{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.tank-fill-chip{font-variant-numeric:tabular-nums;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.tank-fill-chip.volume-risk-low{color:#067647;background:#0676471a}.tank-fill-chip.volume-risk-medium{color:#92400e;background:#92400e1f}.tank-fill-chip.volume-risk-high{color:#9a3412;background:#9a341224}.tank-fill-chip.volume-risk-critical{color:#991b1b;background:#991b1b29}.tank-fill-chip.volume-risk-unknown,.tank-fill-chip.volume-risk-none{color:var(--text-muted,var(--text));background:var(--social-bg,#f3f4f6)}.stop-item__tanks{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.job-meta{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 24px;margin:12px 0 24px;display:grid}.job-meta>div{flex-direction:column;gap:4px;display:flex}.job-meta dt{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted,var(--text));font-size:12px}.job-meta dd{margin:0;font-size:14px}.map-region{margin-bottom:24px}.map-region-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.map-region-header h4{color:var(--text-h);letter-spacing:.2px;margin:0;font-size:14px}.map-region-empty{color:var(--text);font-size:13px}.chip-list{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:4px;padding:3px 9px;font-size:13px;font-weight:600;display:inline-block}.state-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin-bottom:16px;display:grid}.state-chip{font:inherit;background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--text-h);border-radius:4px;padding:7px 4px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.state-chip:hover{border-color:var(--accent-border)}.state-chip.selected{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border)}.modal.modal-wide{width:560px}.dataset-status{border:1px solid var(--border);background:var(--bg);border-radius:6px;margin-bottom:24px;padding:12px 14px}.dataset-status-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dataset-status-header h4{color:var(--text-h);letter-spacing:.2px;margin:0;font-size:14px}.dataset-status p{color:var(--text);margin:6px 0;font-size:13px}.dataset-status code{background:var(--accent-bg);color:var(--accent);border-radius:3px;padding:1px 6px;font-size:12px}.dataset-status-loading,.dataset-status-empty{color:var(--text);font-style:italic}.dataset-status-hint{color:var(--text);opacity:.8;font-size:12px}.progress-bar{background:var(--accent-bg);border-radius:4px;width:100%;height:8px;margin:8px 0;overflow:hidden}.progress-bar-fill{background:var(--accent);height:100%;transition:width .3s ease-out}@media (width<=720px){.state-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.route-stops-message{padding:12px 0 0}.stops-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.stop-item{background:var(--bg);border:1px solid var(--border);color:var(--text-h);border-radius:6px;grid-template-columns:36px minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.stop-action{padding:6px 10px;font-size:13px}.stop-item.completed .stop-name{color:var(--text);text-decoration:line-through}.stop-sequence{background:var(--accent-bg);width:26px;height:26px;color:var(--accent);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:inline-grid}.stop-status{color:var(--text);font-size:13px}.stop-item.completed .stop-status{color:#067647}.stop-leg{color:var(--text);letter-spacing:.02em;padding:0 10px 0 52px;font-size:12px;list-style:none}.stop-eta{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.stop-item[aria-disabled=true] .stop-sequence,.stop-item.completed .stop-sequence{cursor:default}.stop-item .stop-sequence{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.stop-item .stop-sequence:active{cursor:grabbing}.stop-item.dragging{opacity:.6;z-index:1;box-shadow:0 8px 24px #0000001f}.login{justify-content:center;padding:56px 32px;display:grid}.login .panel{border:1px solid var(--border);background:var(--social-bg);border-radius:8px;width:360px;max-width:100%}.login-form{gap:16px;display:grid}.login-copy{color:var(--text);margin:0}.google-login{font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-weight:600;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:inline-flex}.google-login:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.google-mark{color:#1a73e8;border:1px solid var(--border);background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-weight:700;display:inline-grid}.action-list{gap:10px;margin:0;padding-left:18px;display:grid}.panel-action{width:fit-content;color:var(--accent);margin-top:18px;font-weight:600;text-decoration:none;display:inline-flex}.panel-action:hover{text-decoration:underline}@media (width<=720px){.login{padding:32px 20px}.app-header{flex-direction:column;align-items:flex-start;padding:18px 20px}.splash{grid-template-columns:1fr;gap:28px;padding:42px 20px}.splash-art{width:128px}.status-grid,.metric-grid,.admin-organizations,.admin-form.compact,.organization-toolbar{grid-template-columns:1fr}.user-toolbar{justify-content:stretch}.panel,.metric,.dashboard-heading{padding:24px 20px}.panel+.panel,.metric+.metric{border-left:0;border-top:1px solid var(--border)}}.table-controls-bar{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 12px;display:flex}.search-box{flex:240px;align-items:center;min-width:240px;max-width:360px;display:inline-flex;position:relative}.search-box__icon{color:var(--text);pointer-events:none;font-size:16px;position:absolute;left:10px}.search-box__input{width:100%;font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);appearance:none;border-radius:6px;padding:8px 32px 8px 30px;font-size:14px}.search-box__input::-webkit-search-cancel-button{display:none}.search-box__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.search-box__clear{width:22px;height:22px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:18px;line-height:1;position:absolute;right:6px}.search-box__clear:hover{background:var(--border);color:var(--text-h)}.sortable-header__button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:0;padding:0;font-weight:700;display:inline-flex}.sortable-header__button:hover{color:var(--accent)}.sortable-header__indicator{color:var(--text);text-align:center;width:12px;font-size:11px;display:inline-block}.sortable-header.is-active .sortable-header__indicator{color:var(--accent)}.filterable-header{position:relative}.filterable-header__details{display:inline-block}.filterable-header__details>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;list-style:none;display:inline-flex}.filterable-header__details>summary::-webkit-details-marker{display:none}.filterable-header__icon{color:var(--text);font-size:10px}.filterable-header.is-active .filterable-header__icon{color:var(--accent)}.filterable-header__chip{color:var(--accent);background:var(--accent-bg);white-space:nowrap;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:600}.filterable-header__menu{z-index:20;background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-direction:column;min-width:160px;max-height:280px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 6px 16px #08060d14}.filterable-header__option{text-align:left;width:100%;font:inherit;color:var(--text-h);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 10px;font-size:14px;font-weight:400;display:block}.filterable-header__option:hover{background:var(--accent-bg)}.filterable-header__option.is-selected{background:var(--accent-bg);color:var(--accent);font-weight:600}.table-empty-row{text-align:center;color:var(--text);padding:16px 8px;font-style:italic}.driver-dashboard-actions{justify-content:flex-end;margin-bottom:12px;display:flex}.driver-calendar{gap:12px;margin-bottom:16px;display:grid}.calendar-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.calendar-month-label{color:var(--text-h);font-size:18px;font-weight:600}.calendar-header-actions{gap:8px;display:flex}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-weekday{text-transform:uppercase;letter-spacing:.04em;color:var(--text);text-align:center;padding:8px 0 4px;font-size:12px}.calendar-day{background:var(--bg);border:1px solid var(--border);color:var(--text-h);font:inherit;aspect-ratio:1;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:background .1s,border-color .1s;display:flex;position:relative}.calendar-day:hover{background:var(--social-bg)}.calendar-day:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.calendar-day.is-other-month{color:var(--text);opacity:.45}.calendar-day.is-today{border-color:var(--accent-border)}.calendar-day.is-selected{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:600}.calendar-day.has-routes:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}