*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#0f2852;background:#e9eef8;font-family:Nunito Sans,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{color:#13294b;background:radial-gradient(circle at 85% 0,#dce9ff 0,#eef4ff 34%,#f8f2ed 78%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#214c91;border:1px solid #214c91;border-radius:8px;min-height:34px;padding:7px 12px;font-weight:800}button:disabled{opacity:.55;cursor:not-allowed}input,select{color:#13294b;background:#fff;border:1px solid #cbd8eb;border-radius:8px;width:100%;min-height:36px;padding:7px 10px}input:focus,select:focus{border-color:#214c91;outline:3px solid #214c9124}a{color:#214c91}.auth-shell{background:linear-gradient(145deg,#0b102d 10%,#172048 52%,#0a1f4c 100%);place-items:center;min-height:100vh;padding:32px;display:grid}.auth-card{text-align:center;background:#f3f3f5;border:1px solid #f6f6f8;border-radius:30px;gap:12px;width:min(420px,100%);padding:94px 28px 24px;display:grid;position:relative;box-shadow:0 26px 55px #071c4f8c}.signup-card{width:min(620px,100%)}.auth-logo-float{width:192px;height:auto;position:absolute;top:-76px;left:50%;transform:translate(-50%)}.auth-kicker{color:#f1750e;letter-spacing:.08em;text-transform:uppercase;margin-top:18px;font-size:12px;font-weight:900}.auth-card h1{letter-spacing:0;color:#273665;margin:4px 0 0;font-size:38px;font-weight:800;line-height:1}.auth-card p{color:#69758a;margin:-6px 0 8px;font-size:15px}.auth-form{gap:12px;display:grid}.auth-input-row{background:#fafafc;border:1px solid #e7e8ed;border-radius:28px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;min-height:54px;padding:8px 14px;display:grid}.auth-input-row input{background:0 0;border:0;outline:0;min-height:0;padding:8px 0;font-size:18px}.auth-icon{color:#2a345d;font-weight:900}.auth-submit-btn{background:linear-gradient(90deg,#ffab06 0%,#ff7600 48%,#ff3f00 100%);border:0;border-radius:28px;min-height:54px;font-size:28px;font-weight:800}.signup-submit{font-size:24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.auth-form label:not(.auth-input-row){color:#31547f;text-align:left;gap:6px;font-size:13px;font-weight:800;display:grid}.field-label-with-help{align-items:center;gap:6px;display:inline-flex}.help-dot{color:#214c91;cursor:help;background:#f7fbff;border:1px solid #9fb7da;border-radius:999px;width:18px;min-height:18px;padding:0;font-size:11px;font-weight:900;line-height:1}.portal-app{grid-template-columns:250px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s;display:grid}.portal-app.is-desktop-nav-collapsed{grid-template-columns:86px minmax(0,1fr)}.left-nav{color:#23406f;z-index:20;background:#f8fbffe6;border-right:1px solid #cbd8eb;flex-direction:column;gap:12px;height:100vh;padding:12px;display:flex;position:sticky;top:0}.nav-brand{color:#173462;background:#fffaf6;border:1px solid #d7e4f5;border-radius:10px;align-items:center;gap:10px;min-height:60px;padding:8px 10px;font-weight:900;display:flex}.brand-copy{line-height:1.05;display:grid}.brand-copy small{text-transform:uppercase;letter-spacing:.08em;color:#445b82;font-size:11px}.logo-plate{background:#fff;border-radius:8px;flex:none;place-items:center;width:48px;height:40px;padding:5px;display:grid}.logo-plate img{object-fit:contain;max-width:100%;max-height:100%}.nav-collapse-btn{color:#214c91;background:#fff;border-radius:50%;width:26px;min-height:26px;padding:0;position:absolute;top:72px;right:-13px;box-shadow:0 6px 18px #102a5238}.menu-list{gap:6px;display:grid}.menu-list button{text-align:left;color:#23406f;background:#f8fbff;border-color:#d7e4f5;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;display:grid}.menu-list button span{background:0 0;border-radius:6px;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.menu-list button em{white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}.menu-list button.active{color:#fff;background:#214c91;border-color:#214c91}.menu-list button.locked{background:#f5f9ff;border-color:#d7e0ee}.lock-chip{color:#5a7093;background:#fff;border:1px solid #d9e3f0;border-radius:999px;grid-column:3;justify-self:end;place-items:center;width:20px;min-height:20px;font-size:11px;line-height:1;display:grid}.menu-list button.active .lock-chip{color:#fff;background:#ffffff24;border-color:#ffffff59}.desktop-rail .nav-brand strong,.desktop-rail .menu-list button em,.desktop-rail .nav-profile span,.desktop-rail .nav-profile small{display:none}.desktop-rail .menu-list button{grid-template-columns:1fr;justify-items:center}.nav-profile{color:#173462;background:#fff;border:1px solid #d7e4f5;border-radius:10px;gap:6px;min-width:0;margin-top:auto;padding:10px;display:grid}.nav-profile strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-profile span,.nav-profile small{color:#445b82;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.desktop-rail .nav-profile{place-items:center;overflow:hidden}.desktop-rail .nav-profile strong{text-align:center;max-width:52px;font-size:11px}.desktop-rail .nav-profile .ghost-button{width:100%;min-width:0;padding:4px}.content{align-content:start;gap:14px;min-width:0;padding:16px;display:grid}.topbar{background:#ffffffeb;border:1px solid #dbe5f2;border-radius:10px;grid-template-columns:minmax(260px,680px) minmax(420px,1fr);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 14px;display:grid;box-shadow:0 10px 24px #1e40690f}.mobile-menu-button{display:none}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-ticket-button{white-space:nowrap;flex:none}.topbar-actions select{width:auto;min-width:150px;max-width:260px}.context-label{color:#496792;white-space:nowrap;font-weight:900}.plan-pill{color:#214c91;background:#f8fbff;border:1px solid #dbe5f2;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-weight:900;display:inline-flex}.cx-god-mode-bar{background:#f8fbff;border:1px solid #cbd8eb;border-left:4px solid #214c91;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:10px 14px;display:flex;box-shadow:0 8px 18px #1e40690d}.cx-god-mode-bar.active{background:#fff8f7;border-color:#f4c7c3 #f4c7c3 #f4c7c3 #b42318}.cx-god-mode-copy{gap:4px;min-width:180px;display:grid}.cx-god-mode-copy strong{color:#173462;font-size:15px}.cx-god-mode-bar.active .cx-god-mode-copy strong{color:#7a271a}.cx-god-mode-copy span{color:#496792;font-size:12px;font-weight:800}.cx-god-mode-actions{flex-wrap:wrap;flex:520px;justify-content:flex-end;align-items:center;gap:10px;display:flex}.cx-god-mode-actions select{width:auto;min-width:170px;max-width:280px}.cx-god-mode-actions .logout-btn{white-space:nowrap;color:#9a4a00;background:#fff4e8;border-color:#ffc98f;width:auto}.mobile-preview-btn{white-space:nowrap;color:#173462;background:#fff;border-color:#cbd8eb;width:auto}.mobile-preview-btn:hover{background:#eef4ff;border-color:#9eb5d8}.super-control-row{background:#fff;border:1px solid #dbe5f2;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 8px 18px #1e40690d}.super-control-row select{width:auto;min-width:150px;max-width:280px}.preview-banner{color:#214c91;background:#f7fbff;border:1px solid #cbd8eb;border-left:4px solid #214c91;border-radius:8px;margin:10px 0 0;padding:9px 12px;font-weight:800}.impersonation-banner{color:#7a271a;background:#fff8f7;border:1px solid #f4c7c3;border-left:4px solid #b42318;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 0;padding:9px 12px;font-weight:900;display:flex}.work-surface,.cx-card{background:#fff;border:1px solid #dbe5f2;border-radius:8px;box-shadow:0 10px 24px #1e40690d}.cx-card{padding:14px}.work-surface{gap:14px;padding:14px;display:grid}.section-title{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:12px;display:flex}.section-title h2,.table-heading h3{margin:0}.section-title span,.muted{color:#63748d}.page-stack{gap:14px;display:grid}.page-action-row{justify-content:flex-end;display:flex}.ghost-button{color:#214c91;background:#fff;border-color:#cbd8eb}.danger-button{background:#b42318;border-color:#b42318}.button-link{color:#fff;background:#214c91;border-radius:8px;align-items:center;min-height:34px;padding:7px 12px;font-weight:800;text-decoration:none;display:inline-flex}.text-button{color:#214c91;text-align:left;background:0 0;border:0;min-height:0;padding:0;font-weight:900}.icon-button{width:34px;padding:0;font-size:20px}.cx-search{min-width:0;position:relative}.cx-search-unlock{min-height:28px;padding:4px 8px;font-size:12px;position:absolute;top:4px;right:6px}.global-search-input-shell{color:#63748d;background:#f8fbff;border:1px solid #cbd8eb;border-radius:14px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;min-height:38px;padding:0 10px;display:grid}.global-search-input-shell input{background:0 0;border:0;outline:0;min-height:34px;padding:0}.global-search-dropdown{z-index:40;background:#fff;border:1px solid #dbe5f2;border-radius:8px;gap:10px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 22px 45px #102a522e}.search-group{gap:5px;display:grid}.search-group strong{color:#496792;text-transform:uppercase;font-size:11px}.search-group button{text-align:left;color:#13294b;background:#fff;border-color:#0000;gap:2px;display:grid}.search-group button.active,.search-group button:hover{background:#edf4ff;border-color:#cbd8eb}.search-group small{color:#63748d}.global-search-dropdown-empty{color:#63748d;margin:0}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat{background:#f7fafe;border:1px solid #dbe5f2;border-radius:8px;align-content:center;gap:6px;min-height:78px;padding:12px;display:grid}.stat span,.metric-list dt,th,.eyebrow{color:#496792;text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:900}.stat strong{font-size:23px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dashboard-shell{gap:16px}.dashboard-summary-strip{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.dashboard-summary-chip{background:#fff;border:1px solid #d7e4f5;border-left:4px solid #6d7f99;border-radius:8px;align-content:center;gap:4px;min-width:118px;min-height:54px;padding:8px 11px;display:grid}.dashboard-summary-chip span{color:#496792;text-transform:uppercase;font-size:11px;font-weight:900}.dashboard-summary-chip strong{color:#173462;overflow-wrap:anywhere;font-size:18px;line-height:1.1}.dashboard-summary-warning{border-left-color:#f28b22}.dashboard-summary-info{border-left-color:#214c91}.dashboard-summary-success{border-left-color:#0f9f6e}.dashboard-summary-danger{border-left-color:#b42318}.dashboard-hero{color:#fff;background:linear-gradient(135deg,#173462 0%,#244f91 58%,#f28b22 160%);border:1px solid #d2deed;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:132px;padding:20px;display:grid;overflow:hidden;box-shadow:0 18px 34px #1630582e}.dashboard-hero h3{margin:0;font-size:26px;line-height:1.05}.dashboard-hero p{color:#ffffffc7;max-width:620px;margin:8px 0 0}.dashboard-hero .eyebrow{color:#ffd7a8}.dashboard-hero-metrics{grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px;min-width:min(360px,100%);display:grid}.dashboard-hero-metrics div{background:#ffffff1f;border:1px solid #ffffff38;border-radius:8px;gap:7px;min-height:82px;padding:12px;display:grid}.dashboard-hero-metrics span{color:#ffffffbd;text-transform:uppercase;font-size:11px;font-weight:900}.dashboard-hero-metrics strong{overflow-wrap:anywhere;font-size:22px;line-height:1.1}.dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dashboard-stat{background:#fff;border-color:#d7e4f5;align-content:start;gap:8px;min-height:108px;padding:15px;position:relative;overflow:hidden;box-shadow:0 12px 28px #1e406912}.dashboard-stat:before{content:"";background:#6d7f99;width:5px;position:absolute;inset:0 auto 0 0}.dashboard-stat span,.dashboard-stat small{z-index:1;position:relative}.dashboard-stat strong{z-index:1;overflow-wrap:anywhere;font-size:28px;line-height:1.1;position:relative}.dashboard-stat small{color:#63748d;font-weight:700}.dashboard-stat-warning:before{background:#f28b22}.dashboard-stat-info:before{background:#214c91}.dashboard-stat-success:before{background:#0f9f6e}.dashboard-stat-danger:before{background:#b42318}.dashboard-admin-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:stretch;gap:12px;display:grid}.fuel-insights-widget{grid-column:1/-1}.fuel-insights-grid{grid-template-columns:minmax(160px,.65fr) repeat(3,minmax(180px,1fr));gap:10px;display:grid}.fuel-insights-grid>div,.fuel-insights-grid section{background:#f8fbff;border:1px solid #edf2f7;border-radius:8px;align-content:start;gap:7px;padding:10px;display:grid}.fuel-insights-grid span{color:#496792;font-size:12px;font-weight:800}.fuel-insights-grid strong{color:#173462}.fuel-insights-grid p{color:#445b82;justify-content:space-between;gap:8px;margin:0;font-weight:800;display:flex}.fuel-insights-grid small{color:#63748d;white-space:nowrap;font-weight:800}.dashboard-panel{background:#fff;border:1px solid #dbe5f2;border-radius:8px;gap:13px;padding:16px;display:grid;box-shadow:0 12px 28px #1e40690f}.dashboard-panel-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.dashboard-panel-head h3{margin:0;font-size:18px}.dashboard-panel-head>strong{color:#173462;text-align:right;overflow-wrap:anywhere;font-size:22px}.dashboard-panel-head>span{color:#63748d;white-space:nowrap;font-weight:800}.dashboard-metric-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.dashboard-metric-strip div{background:#f8fbff;border:1px solid #edf2f7;border-radius:8px;align-content:center;gap:5px;min-height:72px;padding:10px;display:grid}.dashboard-metric-strip dt{color:#496792;text-transform:uppercase;font-size:11px;font-weight:900}.dashboard-metric-strip dd{overflow-wrap:anywhere;margin:0;font-weight:900}.dashboard-ledger-list{gap:8px;display:grid}.dashboard-ledger-list div{background:#f8fbff;border:1px solid #edf2f7;border-radius:8px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:4px 10px;padding:10px;display:grid}.dashboard-ledger-list span{color:#63748d;font-size:12px;font-weight:800}.dashboard-ledger-list strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dashboard-ledger-list small{color:#63748d;grid-column:2;font-weight:800}.metric-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0;display:grid}.metric-list div,.detail-grid div{gap:4px;display:grid}.metric-list dd,.detail-grid dd{margin:0;font-weight:900}.mini-list{gap:6px;margin-top:10px;display:grid}.mini-list button{color:#13294b;text-align:left;background:#f8fbff;border-color:#dbe5f2;grid-template-columns:minmax(0,1fr) minmax(90px,auto) minmax(70px,auto);align-items:center;gap:8px;min-width:0;display:grid}.mini-list strong,.mini-list span,.mini-list small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mini-list span,.mini-list small{color:#63748d}.table-panel{padding:14px;overflow-x:auto}.table-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.table-tools{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:760px;display:flex}.table-tools input,.table-tools select{width:auto;min-width:140px}.table-search{max-width:210px}.ticket-quick-search{width:min(280px,100%);position:relative}.ticket-quick-search .table-search{width:100%;max-width:none}.ticket-search-dropdown{z-index:45;background:#fff;border:1px solid #dbe5f2;border-radius:8px;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 18px 42px #102a5229}.ticket-search-dropdown button{text-align:left;color:#13294b;background:#fff;border-color:#0000;gap:2px;width:100%;min-width:0;padding:8px 10px;display:grid}.ticket-search-dropdown button.active,.ticket-search-dropdown button:hover{background:#edf4ff;border-color:#cbd8eb}.ticket-search-dropdown strong,.ticket-search-dropdown small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ticket-search-dropdown small,.ticket-search-empty{color:#63748d}.ticket-search-empty{margin:0;padding:8px 10px;font-weight:800}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:9px 10px}tbody tr:hover{background:#f8fbff}.clickable-row{cursor:pointer}.clickable-row:focus-within,.clickable-row:hover{background:#eef6ff}.badge{color:#214c91;white-space:nowrap;background:#edf4ff;border-radius:999px;align-items:center;max-width:100%;min-height:23px;padding:3px 9px;font-size:11px;font-weight:900;display:inline-flex}.badge-admin-pending{color:#b54708;background:#fff4e5}.badge-pending{color:#214c91;background:#eaf2ff}.badge-fulfilled{color:#067647;background:#ecfdf3}.badge-danger{color:#b42318;background:#fef3f2}.badge-neutral{color:#496792;background:#edf4ff}.row-actions,.inline-actions,.modal-actions,.pagination-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagination-row{color:#63748d;justify-content:flex-end;padding-top:10px}.table-empty{margin:10px 0 0}.cx-preview-cta{background:#f8fbff;border:1px solid #dbe5f2;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;display:flex}.cx-preview-cta p{color:#445b82;margin:0;font-weight:700}.cx-preview-cta.inline{margin-top:2px}.vehicle-usage-strip{gap:6px;padding:10px 12px;display:grid}.vehicle-usage-strip strong{color:#173462}.vehicle-usage-strip .form-error{margin-top:2px}.notice,.form-error{border-radius:8px;margin:0;padding:10px 12px;font-weight:800}.notice{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.form-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.empty-state{text-align:center;background:#f8fbff;border:1px dashed #bfd0e5;border-radius:8px;align-content:center;place-items:center;gap:8px;min-height:180px;padding:22px;display:grid}.modal-backdrop{z-index:1000;background:#102a527a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #dbe5f2;border-radius:10px;gap:14px;width:min(620px,100%);max-height:calc(100vh - 44px);padding:16px;display:grid;overflow:auto;box-shadow:0 28px 70px #102a5252}.wide-modal{width:min(980px,100%)}.invoice-modal{grid-template-rows:auto auto minmax(0,1fr) auto auto;width:min(980px,100vw - 44px);overflow:hidden}.invoice-preview-shell{background:#fff;border:1px solid #dbe5f2;border-radius:8px;min-height:0;max-height:min(58vh,620px);overflow:auto}.invoice-preview-frame{background:#fff;border:0;width:max(100%,820px);height:min(58vh,620px);min-height:420px;display:block}.modal-title-row{justify-content:space-between;align-items:start;gap:12px;display:flex}.modal-title-row .icon-button{z-index:2;touch-action:manipulation;position:relative}.modal-title-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.modal-title-row h2{margin:0}.eyebrow{margin:0 0 4px}.modal-grid{gap:12px;display:grid}.modal-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-grid label{color:#496792;gap:6px;font-weight:900;display:grid}.wide{grid-column:1/-1}.nested-form-grid{background:#f8fbff;border:1px solid #dbe5f2;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;display:grid}.nested-form-grid label{color:#496792;gap:6px;min-width:0;font-weight:900;display:grid}.ticket-row-stack{gap:10px;display:grid}.ticket-entry-row{background:#f8fbff;border:1px solid #dbe5f2;border-radius:8px;grid-template-columns:minmax(140px,.9fr) minmax(160px,1.1fr) minmax(130px,.8fr) minmax(95px,.55fr) minmax(170px,.9fr) minmax(150px,.8fr) auto;align-items:end;gap:10px;padding:10px;display:grid}.ticket-entry-row label{color:#496792;gap:6px;min-width:0;font-weight:900;display:grid}.ticket-row-remove{white-space:nowrap}.odometer-field{align-content:start;align-self:stretch}.odometer-input-shell{position:relative}.odometer-label-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.odometer-inline-note{color:#5b7091;white-space:nowrap;font-size:11px;font-weight:800}.odometer-helper{color:#63748d;white-space:nowrap;pointer-events:none;margin:0;font-size:11px;font-weight:800;line-height:1.25;position:absolute;top:calc(100% + 4px);left:0}.field-helper{color:#63748d;font-size:11px;font-weight:700;line-height:1.25}.odometer-helper.warning{color:#b54708}.odometer-helper.danger{color:#b42318}.raise-ticket-modal{width:min(1100px,100vw - 32px);overflow-x:hidden}.raise-ticket-modal .ticket-entry-row{grid-template-columns:minmax(160px,1fr) minmax(190px,1.15fr) minmax(170px,1fr) minmax(120px,.7fr) auto}.raise-ticket-modal .ticket-field-outlet{grid-area:1/1}.raise-ticket-modal .ticket-field-vehicle{grid-area:1/2}.raise-ticket-modal .ticket-field-product{grid-area:1/3}.raise-ticket-modal .ticket-field-quantity{grid-area:1/4}.raise-ticket-modal .ticket-field-odometer{grid-area:2/1/auto/span 2}.raise-ticket-modal .ticket-field-notes{grid-area:2/3/auto/span 2}.raise-ticket-modal .ticket-field-remove{grid-area:2/5;align-self:end}.raise-ticket-modal .nested-form-grid{grid-template-columns:minmax(170px,1fr) minmax(140px,.8fr) minmax(170px,.9fr) minmax(180px,1fr) auto;align-items:end}.raise-ticket-modal .odometer-helper,.raise-ticket-modal .field-helper{color:#63748d;font-size:11px;font-weight:700;line-height:1.25}.raise-ticket-modal .odometer-inline-note{color:#5b7091;font-size:11px;font-weight:800}.raise-ticket-modal input[type=number].odometer-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.raise-ticket-modal input[type=number].odometer-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.raise-ticket-modal input[type=number].odometer-input{appearance:textfield}.fuel-analytics-header{color:#fff;background:linear-gradient(135deg,#173462 0%,#214c91 72%,#f28b22 150%);justify-content:space-between;align-items:center;gap:12px;display:flex}.fuel-analytics-header h3{margin:0;font-size:24px}.fuel-analytics-header p{color:#ffffffc7;margin:4px 0 0}.fuel-analytics-header .eyebrow{color:#ffd7a8}.fuel-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.fuel-kpi-card{min-width:0}.fuel-filter-bar{grid-template-columns:repeat(8,minmax(120px,1fr));align-items:end;gap:9px;display:grid}.fuel-filter-bar label{color:#496792;gap:6px;font-size:12px;font-weight:900;display:grid}.fuel-detail-grid{background:#f8fbff;border:1px solid #dbe5f2;border-radius:10px;padding:10px}.fuel-analytics-drawer{width:min(1080px,96vw)}.fuel-drawer-body{gap:12px}.fuel-insight-panel{background:#fff;border:1px solid #dbe5f2;border-radius:10px;gap:8px;padding:10px;display:grid}.fuel-insight-panel h3,.fuel-timeline-section h3{color:#173462;margin:0}.fuel-insight-panel div{gap:6px;display:grid}.fuel-insight-panel p{color:#445b82;background:#f8fbff;border-radius:8px;margin:0;padding:8px 10px;font-weight:800}.fuel-timeline-section{gap:8px;display:grid}.fuel-timeline-table{gap:6px;min-width:980px;display:grid}.fuel-timeline-row{background:#fff;border:1px solid #e5edf9;border-radius:8px;grid-template-columns:.72fr .9fr .7fr .55fr .7fr .7fr .65fr .8fr;align-items:center;gap:8px;padding:8px;display:grid}.fuel-timeline-row.head{background:0 0;border:0;padding:0 8px 2px}.fuel-timeline-row.head span{color:#496792;text-transform:uppercase;font-size:11px;font-weight:900}.fuel-timeline-row span,.fuel-timeline-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ticket-detail-modal{width:min(860px,100vw - 44px)}.ticket-detail-status{color:#496792;align-items:center;gap:8px;font-weight:900;display:flex}.ticket-detail-grid{background:#f8fbff;border:1px solid #dbe5f2;border-radius:10px;padding:12px}.ticket-audit-section{gap:10px;display:grid}.ticket-audit-section h3{margin:0}.ticket-audit-list{gap:10px;display:grid}.ticket-audit-item{background:#fff;border:1px solid #edf2f7;border-radius:10px;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.ticket-audit-item>span{background:#fff;border:2px solid #cbd8eb;border-radius:999px;width:12px;height:12px;margin-top:4px}.ticket-audit-item.complete>span{background:#214c91;border-color:#214c91;box-shadow:0 0 0 4px #edf4ff}.ticket-audit-item strong{margin-bottom:2px;display:block}.ticket-audit-item p{color:#496792;margin:0;font-weight:800}.ticket-audit-item small{color:#63748d;font-weight:800}.ticket-audit-item em{color:#63748d;overflow-wrap:anywhere;margin-top:4px;font-style:normal;display:block}.invoice-summary-strip{grid-template-columns:repeat(7,minmax(88px,1fr));align-items:start}.pricing-modal{width:min(900px,100%)}.pricing-modal .modal-title-row{border-bottom:1px solid #edf2f7;padding-bottom:8px}.modal-plan-strip{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.modal-plan-strip small{color:#63748d;font-weight:700}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.pricing-plan-card{text-align:left;color:#173462;background:linear-gradient(160deg,#f8fbff 0%,#f2f8ff 100%);border-color:#dbe5f2;align-content:start;gap:6px;min-height:118px;display:grid}.pricing-plan-card strong{font-size:16px}.pricing-plan-card span{color:#496792;font-size:12px;font-weight:800}.pricing-plan-card em{color:#214c91;font-style:normal;font-weight:900}.pricing-plan-card small{color:#63748d;font-weight:800}.pricing-plan-card.active{background:#eef4ff;border-color:#214c91;box-shadow:inset 0 0 0 1px #214c91}.plan-benefits{background:#f8fbff;border:1px solid #dbe5f2;border-radius:10px;padding:10px 12px}.plan-benefits h4{color:#214c91;margin:0 0 8px}.plan-benefits ul{color:#445b82;gap:5px;margin:0;padding-left:18px;font-weight:700;display:grid}.autofill-decoy{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.vehicle-lookup{position:relative}.suggestion-list{z-index:20;background:#fff;border:1px solid #dbe5f2;border-radius:8px;gap:4px;margin-top:4px;padding:6px;display:grid;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 35px #102a5229}.suggestion-list button{color:#13294b;text-align:left;background:#fff;border-color:#0000;gap:2px;display:grid}.suggestion-list button.active,.suggestion-list button:hover{background:#edf4ff;border-color:#cbd8eb}.suggestion-list span{color:#63748d;font-weight:600}.credential-card,.super-detail{gap:12px;padding:12px;display:grid}.compact-panel{min-width:0}.credential-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.credential-head h3{margin:0}.credential-filters{background:#f8fbff;border:1px solid #dbe5f2;border-radius:8px;grid-template-columns:minmax(240px,1fr) 180px 180px 180px;align-items:end;gap:10px;padding:12px;display:grid}.credential-filters label{color:#496792;gap:6px;font-weight:900;display:grid}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-grid article{background:#f8fbff;border:1px solid #dbe5f2;border-radius:8px;padding:12px}.profile-grid h3{margin-top:0}.profile-grid p{overflow-wrap:anywhere;margin:8px 0}.inline-upgrade-btn{margin-left:10px}.profile-page-shell{gap:12px}.profile-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.profile-hero h3{color:#173462;margin:0}.profile-hero-main{gap:6px;min-width:240px;display:grid}.profile-mini-grid{color:#496792;flex-wrap:wrap;gap:10px;font-size:12px;font-weight:700;display:flex}.profile-hero-plan{justify-items:end;gap:8px;display:grid}.profile-status-chip{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;min-height:26px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.profile-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-compact-card{padding:12px}.profile-compact-card h3,.profile-plan-card h3,.profile-upgrade-card h3{color:#173462;margin:0 0 8px}.profile-kv{gap:7px;margin:0;display:grid}.profile-kv div{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:6px;display:flex}.profile-kv dt{color:#63748d;margin:0;font-size:12px;font-weight:800}.profile-kv dd{color:#173462;text-align:right;overflow-wrap:anywhere;margin:0;font-weight:800}.profile-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.profile-usage-tile{background:#f8fbff;border:1px solid #dbe5f2;border-radius:8px;gap:4px;padding:9px 10px;display:grid}.profile-usage-tile small{color:#63748d;text-transform:uppercase;font-size:11px;font-weight:800}.profile-usage-tile strong{color:#173462}.usage-row{color:#445b82;justify-content:space-between;align-items:center;margin:8px 0 6px;display:flex}.usage-row strong{color:#173462}.usage-track{background:#eaf2ff;border-radius:999px;width:100%;height:8px;margin-bottom:6px;overflow:hidden}.usage-track i{border-radius:inherit;background:#214c91;height:100%;display:block}.profile-plan-card{gap:8px;padding:12px;display:grid}.profile-plan-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.profile-kv-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.profile-kv-grid div{background:#f8fbff;border:1px solid #e8eef8;border-radius:8px;gap:4px;padding:10px;display:grid}.profile-kv-grid small{color:#63748d;text-transform:uppercase;font-size:11px;font-weight:800}.profile-kv-grid strong{color:#173462}.profile-upgrade-card{gap:10px;padding:12px;display:grid}.profile-upgrade-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.profile-pricing-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.profile-plan-tile{background:#f8fbff;border:1px solid #dbe5f2;border-radius:10px;align-content:start;gap:6px;min-height:140px;padding:12px;display:grid}.profile-plan-tile strong{color:#173462;font-size:16px}.profile-plan-tile span{color:#496792;font-size:12px;font-weight:800}.profile-plan-tile em{color:#214c91;font-style:normal;font-weight:900}.profile-plan-tile small{color:#63748d;font-weight:700}.cx-admin-shell{gap:10px}.cx-admin-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.cx-admin-toolbar h2{color:#173462;margin:0;font-size:18px}.cx-admin-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.cx-admin-kpis .stat{min-height:62px;padding:9px 10px}.cx-admin-kpis .stat strong{font-size:20px}.cx-admin-filters{grid-template-columns:minmax(220px,1.3fr) repeat(4,minmax(140px,.7fr));align-items:center;gap:8px;padding:10px;display:grid}.cx-admin-list{gap:6px;padding:10px;display:grid}.cx-admin-row{background:#f9fcff;border:1px solid #e3ecf8;border-radius:10px;grid-template-columns:minmax(180px,1.5fr) minmax(150px,1.2fr) minmax(120px,.9fr) minmax(120px,.9fr) 64px 64px 84px minmax(130px,auto);align-items:center;gap:8px;padding:8px 10px;display:grid}.cx-admin-head{background:0 0;border:0;border-radius:0;padding:0 2px 5px}.cx-admin-head span{color:#496792;text-transform:uppercase;font-size:11px;font-weight:900}.cx-admin-row>div{gap:2px;min-width:0;display:grid}.cx-admin-row strong,.cx-admin-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cx-admin-row small{color:#63748d;font-weight:700}.cx-plan-chip,.cx-unlock-chip{color:#1f4f92;background:#eef5ff;border:1px solid #d8e5f7;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:24px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.cx-unlock-chip.status-requested{color:#b54708;background:#fff4e5;border-color:#fbd9a9}.cx-unlock-chip.status-contacted{color:#1d4ed8;background:#eef4ff;border-color:#bfd2f7}.cx-unlock-chip.status-closed,.cx-unlock-chip.status-active{color:#067647;background:#ecfdf3;border-color:#b7ebcb}.cx-unlock-chip.status-inactive,.cx-unlock-chip.status-expired,.cx-unlock-chip.status-suspended{color:#b42318;background:#fef3f2;border-color:#f7c8c2}.cx-compact-action{flex-wrap:nowrap;justify-content:flex-end}.cx-admin-drawer-scrim{z-index:980;background:#102a5266;justify-content:flex-end;display:flex;position:fixed;inset:0}.cx-admin-drawer{background:#fff;border-left:1px solid #d8e5f7;grid-template-rows:auto auto minmax(0,1fr);gap:10px;width:min(860px,96vw);height:100vh;padding:12px;display:grid;overflow:hidden;box-shadow:-16px 0 34px #102a522e}.cx-admin-drawer-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.cx-admin-drawer-head h3{color:#173462;margin:0}.cx-admin-drawer-head small{color:#63748d;font-weight:700}.cx-admin-tabs{flex-wrap:wrap;gap:6px;display:flex}.cx-admin-tabs button{color:#214c91;background:#fff;border-color:#d1dff1;min-height:30px;padding:5px 10px}.cx-admin-tabs button.active{color:#fff;background:#214c91;border-color:#214c91}.cx-admin-tab-body{background:#fbfdff;border:1px solid #e4edf8;border-radius:10px;align-content:start;gap:10px;min-height:0;padding:10px;display:grid;overflow:auto}.cx-admin-kv-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;display:grid}.cx-admin-kv-list div{background:#fff;border:1px solid #ebf1f9;border-radius:8px;gap:4px;padding:7px 8px;display:grid}.cx-admin-kv-list dt{color:#63748d;text-transform:uppercase;font-size:11px;font-weight:900}.cx-admin-kv-list dd{color:#173462;overflow-wrap:anywhere;margin:0;font-weight:800}.cx-admin-summary-chips{flex-wrap:wrap;gap:7px;display:flex}.cx-admin-inline-section{background:#fff;border:1px solid #e4edf8;border-radius:10px;gap:7px;padding:10px;display:grid}.cx-admin-inline-section h4{color:#173462;margin:0}.cx-admin-billing-row{color:#445b82;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-weight:700;display:flex}.cx-admin-mini-table{gap:6px;display:grid}.cx-admin-mini-head{color:#355586;text-transform:uppercase;border:1px solid #d8e5f7;border-radius:8px;padding:8px;font-size:12px;font-weight:800}.cx-admin-mini-row span,.cx-admin-mini-head span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cx-admin-raw-json{color:#1a3f74;background:#f5f9ff;border:1px solid #dbe8f9;border-radius:10px;max-height:360px;margin:0;padding:10px;font-size:12px;overflow:auto}.cx-admin-filters-activity{grid-template-columns:repeat(6,minmax(0,1fr))}.cx-activity-panel .cx-admin-mini-table{max-height:420px;overflow:auto}.cx-admin-tab-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.cx-admin-tab-toolbar h4{color:#173462;margin:0}.cx-admin-mini-head,.cx-admin-mini-row{grid-template-columns:1fr 1.1fr .7fr .55fr;align-items:center;gap:8px;display:grid}.cx-admin-mini-head.three,.cx-admin-mini-row.three{grid-template-columns:1fr 1fr .65fr}.cx-admin-mini-head.six,.cx-admin-mini-row.six{grid-template-columns:.9fr .8fr .8fr .9fr .5fr .8fr}.cx-admin-mini-head.plan-history,.cx-admin-mini-row.plan-history{grid-template-columns:.8fr 1fr .6fr .6fr .55fr .6fr 1fr}.cx-admin-mini-head span{color:#496792;text-transform:uppercase;font-size:11px;font-weight:900}.cx-admin-mini-row{background:#fff;border:1px solid #e5edf9;border-radius:8px;padding:7px 8px}.cx-admin-mini-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cx-super-admin-panel{padding:10px}.cx-super-admin-list{gap:6px;display:grid}.cx-super-admin-row{background:#fff;border:1px solid #e5edf9;border-radius:8px;grid-template-columns:1fr 1.2fr .8fr .6fr .75fr .75fr 1fr;align-items:center;gap:8px;padding:7px 8px;display:grid}.cx-super-admin-row.head{background:0 0;border:0;padding:0 2px 4px}.cx-super-admin-row.head span{color:#496792;text-transform:uppercase;font-size:11px;font-weight:900}.cx-super-admin-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-nav,.nav-scrim{display:none}@media print{body *{visibility:hidden}.invoice-modal,.invoice-modal *{visibility:visible}.modal-backdrop{background:#fff;padding:0;position:static}.invoice-modal{box-shadow:none;border:0;max-height:none}.modal-actions,.icon-button{display:none}}@media (width<=920px){.portal-app,.portal-app.is-desktop-nav-collapsed{grid-template-columns:1fr;padding-bottom:68px}.left-nav{width:250px;height:100dvh;max-height:100dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom));transition:transform .18s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-105%)}.left-nav.open{transform:translate(0)}.left-nav.open.desktop-rail{width:250px}.left-nav.open.desktop-rail .brand-copy,.left-nav.open.desktop-rail .menu-list button em,.left-nav.open.desktop-rail .nav-profile span,.left-nav.open.desktop-rail .nav-profile small{display:grid}.left-nav.open.desktop-rail .menu-list button{grid-template-columns:24px minmax(0,1fr) auto;justify-items:stretch}.left-nav.open .nav-profile{margin-top:12px}.nav-scrim{z-index:10;background:#102a5259;border:0;border-radius:0;display:block;position:fixed;inset:0}.mobile-menu-button{justify-content:center;width:40px;display:inline-flex}.topbar{grid-template-columns:auto minmax(0,1fr)}.topbar-actions{grid-column:1/-1}.content{padding:10px}.pricing-grid{grid-template-columns:1fr}.modal-plan-strip{align-items:flex-start}.invoice-modal{width:min(100%,100vw - 20px);max-height:calc(100vh - 20px)}.invoice-preview-shell{max-height:50vh}.invoice-preview-frame{height:50vh}.stat-grid,.dashboard-grid,.dashboard-hero,.dashboard-hero-metrics,.dashboard-kpi-grid,.dashboard-admin-grid,.dashboard-metric-strip,.modal-grid.two,.modal-grid.three,.nested-form-grid,.ticket-entry-row,.detail-grid,.form-grid,.credential-filters,.fuel-kpi-grid,.fuel-filter-bar,.fuel-insights-grid,.profile-grid,.profile-two-col,.profile-kv-grid,.profile-pricing-grid,.profile-usage-grid{grid-template-columns:1fr}.profile-hero-plan{justify-items:start;width:100%}.profile-upgrade-actions{justify-content:flex-start}.dashboard-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dashboard-summary-chip{min-width:0;min-height:48px}.dashboard-hero{min-height:0;padding:16px}.dashboard-hero h3{font-size:22px}.dashboard-ledger-list div{grid-template-columns:1fr}.dashboard-ledger-list small{grid-column:auto}.table-heading{flex-direction:column;align-items:stretch}.table-tools{justify-content:stretch;max-width:none}.table-tools input,.table-tools select,.ticket-quick-search{width:100%}.cx-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-admin-filters{grid-template-columns:1fr}.cx-admin-list{overflow-x:auto}.cx-admin-list .cx-admin-row{min-width:980px}.cx-admin-kv-list{grid-template-columns:1fr}.cx-admin-drawer{width:min(100vw,100%)}.fuel-timeline-section{overflow-x:auto}.fuel-timeline-table{min-width:920px}.cx-super-admin-row{grid-template-columns:1fr}.mobile-nav{display:none}.mobile-nav button{color:#214c91;background:#edf4ff;min-height:48px;padding:5px;font-size:11px}.mobile-nav button.active{color:#fff;background:#214c91}}@media (width<=1320px){.profile-pricing-grid,.fuel-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fuel-filter-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.fuel-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.raise-ticket-modal .ticket-entry-row{grid-template-columns:repeat(2,minmax(0,1fr))}.raise-ticket-modal .ticket-field-outlet,.raise-ticket-modal .ticket-field-vehicle,.raise-ticket-modal .ticket-field-product,.raise-ticket-modal .ticket-field-quantity,.raise-ticket-modal .ticket-field-odometer,.raise-ticket-modal .ticket-field-notes,.raise-ticket-modal .ticket-field-remove{grid-area:auto}.odometer-label-row{flex-wrap:wrap}}@media (width<=720px){.raise-ticket-modal .ticket-entry-row,.raise-ticket-modal .nested-form-grid{grid-template-columns:1fr}}@media (width<=1080px){.profile-kv-grid,.fuel-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}