:root{--navy:#071a2d;--navy2:#0d2942;--blue:#1565e8;--orange:#ff7a00;--bg:#f5f7fb;--text:#182230;--muted:#6d7887;--line:#e5eaf1;--green:#15a05c;--red:#dc4a4a;--shadow:0 18px 45px rgba(13,35,60,.12)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text)}body{margin:0;background:var(--bg)}a{text-decoration:none;color:inherit}button,input{font:inherit}.login-page{min-height:100vh;background:linear-gradient(135deg,#041522,#0b3150)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr}.brand-panel{padding:48px 7vw;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 80%,rgba(21,101,232,.3),transparent 35%)}.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:800}.brand img{width:54px;height:54px}.brand span span,.mobile-brand span{color:var(--orange)}.hero-copy{max-width:700px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--blue)}.brand-panel .eyebrow{color:#75adff}.hero-copy h1{font-size:clamp(40px,5vw,72px);line-height:1.02;margin:16px 0}.hero-copy p{max-width:620px;color:#c8d6e4;font-size:18px;line-height:1.7}.feature-row{display:flex;gap:34px;color:#b9c8d8}.login-card-wrap{display:grid;place-items:center;padding:28px;background:#eef3f8}.login-card{width:min(440px,100%);background:#fff;border-radius:28px;padding:38px;box-shadow:var(--shadow)}.mobile-brand{display:none;align-items:center;gap:8px;margin-bottom:30px}.mobile-brand img{width:42px}.login-card h2{font-size:34px;margin:6px 0}.muted{color:var(--muted)}label{display:grid;gap:8px;margin:18px 0;font-weight:700;font-size:14px}input{width:100%;border:1px solid var(--line);border-radius:13px;padding:14px 15px;outline:none;background:#fafbfd}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,101,232,.1)}.password-wrap{display:flex;border:1px solid var(--line);border-radius:13px;overflow:hidden}.password-wrap input{border:0;border-radius:0}.password-wrap button{border:0;background:#fff;padding:0 16px;color:var(--blue);font-weight:700}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:13px}.check{display:flex;align-items:center;gap:8px;margin:0}.check input{width:auto}.primary-btn,.secondary-btn{border:0;border-radius:13px;padding:14px 18px;font-weight:800;cursor:pointer}.primary-btn{width:100%;background:linear-gradient(135deg,var(--blue),#0a4cbd);color:#fff;margin-top:20px}.secondary-btn{background:#fff;border:1px solid var(--line);color:var(--blue)}.demo-access{margin-top:22px;padding:14px;border-radius:14px;background:#f4f7fb;display:grid;gap:4px;font-size:13px}.alert.error{background:#fff0f0;color:#a92323;border:1px solid #ffd0d0;padding:11px;border-radius:12px;margin:14px 0}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy),#071624);padding:24px 18px;color:#fff;display:flex;flex-direction:column}.sidebar-brand{font-size:22px;margin:0 10px 26px}.sidebar-brand img{width:40px;height:40px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px 14px;border-radius:10px;color:#ced9e3;font-weight:600;display:flex;justify-content:space-between}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,var(--blue),#0c55cf);color:#fff}.badge{background:var(--orange);border-radius:20px;padding:2px 7px}.support-card{margin-top:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:16px;display:grid;gap:8px}.support-card button{border:0;background:var(--orange);color:#fff;padding:11px;border-radius:9px;font-weight:800}.main-content{min-width:0;padding:0 30px 40px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;margin:0 -30px;padding:0 30px}.icon-btn{border:0;background:transparent;font-size:22px;cursor:pointer}.top-actions,.profile{display:flex;align-items:center;gap:14px}.profile{gap:10px}.profile small,.profile strong{display:block}.profile small{color:var(--muted)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#6aa4ff);color:#fff;font-weight:800}.notification{position:relative}.notification b{position:absolute;top:-6px;right:-6px;background:var(--blue);color:#fff;font-size:10px;border-radius:50%;padding:2px 5px}.logout{font-size:13px;color:var(--red);font-weight:700}.page-head{display:flex;justify-content:space-between;align-items:end;padding:30px 0 22px}.page-head h1{font-size:32px;margin:5px 0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px rgba(20,45,80,.05)}.kpi{padding:22px;display:grid;gap:8px}.kpi strong{font-size:32px}.kpi small{color:var(--muted)}.positive{color:var(--green)!important}.warning{color:var(--orange)!important}.dashboard-grid{display:grid;grid-template-columns:1.05fr 1.45fr;gap:18px;margin-top:18px}.panel{padding:20px;min-height:250px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h2{font-size:18px;margin:0}.panel-head a{font-size:13px;color:var(--blue);font-weight:700}.job{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.job div{display:grid;gap:4px}.job span{font-size:13px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%}.orange{background:#fff1e5;color:#d05d00}.dot.orange{background:var(--orange)}.blue{background:#e8f1ff;color:#145fcf}.dot.blue{background:var(--blue)}.green{background:#e8f8ef;color:#12814d}.dot.green{background:var(--green)}.gray{background:#edf0f3;color:#697382}.dot.gray{background:#8993a0}.status{font-size:11px;border-radius:20px;padding:7px 9px;text-transform:uppercase}.map-art{height:285px;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(135deg,#dceadf,#eef5fb);isolation:isolate}.road{position:absolute;background:#fff;border:2px solid #cad3dd;border-radius:999px;z-index:1}.r1{width:130%;height:30px;transform:rotate(-19deg);left:-12%;top:43%}.r2{width:100%;height:24px;transform:rotate(38deg);left:-5%;top:43%}.r3{width:80%;height:18px;transform:rotate(6deg);left:14%;top:70%}.pin,.truck{position:absolute;z-index:3}.pin{width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 4px 10px rgba(0,0,0,.25)}.p1{left:26%;top:25%}.p2{left:62%;top:58%}.p3{left:78%;top:26%}.truck{font-size:28px}.t1{left:42%;top:37%}.t2{left:72%;top:66%}.alerts,.quick{min-height:220px}.alert-item{display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:12px;margin:9px 0;background:#f7f9fc}.alert-item span{font-size:12px;color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-grid button{min-height:72px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font-weight:700}.quick-grid button:hover{border-color:var(--blue);color:var(--blue)}.mobile-nav{display:none}.mobile-brand strong{font-size:21px}@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:20;left:-290px;transition:.25s}.sidebar.open{left:0}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.brand-panel{display:none}.login-card-wrap{min-height:100vh;padding:18px}.login-card{padding:28px 22px}.mobile-brand{display:flex}.main-content{padding:0 14px 90px}.topbar{height:66px;margin:0 -14px;padding:0 14px}.profile div,.logout{display:none}.page-head{align-items:flex-start;gap:12px}.page-head h1{font-size:26px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:15px}.kpi strong{font-size:24px}.dashboard-grid{gap:12px}.panel{padding:15px}.quick-grid{grid-template-columns:1fr 1fr}.job{grid-template-columns:8px 1fr}.job .status{grid-column:2;justify-self:start}.mobile-nav{position:fixed;z-index:15;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;font-size:12px}.mobile-nav a{padding:10px}.mobile-nav .active{color:var(--blue);font-weight:800}.mobile-nav button{width:48px;height:48px;border:0;border-radius:50%;background:var(--blue);color:#fff;font-size:26px;box-shadow:0 8px 18px rgba(21,101,232,.3)}}

.primary-action{border:0;border-radius:12px;padding:13px 18px;background:linear-gradient(135deg,var(--blue),#0a4cbd);color:#fff;font-weight:800;cursor:pointer}.alert.success{background:#ebfaf2;color:#137a49;border:1px solid #bdebd2;padding:12px 14px;border-radius:12px;margin-bottom:16px}.request-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.request-stats article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:grid;gap:5px}.request-stats span{color:var(--muted);font-size:13px}.request-stats strong{font-size:28px}.request-panel{min-height:auto}.filter-bar{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin-bottom:16px}.filter-bar select,.request-form select,.request-form textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px 14px;background:#fafbfd;font:inherit}.request-table-wrap{overflow:auto}.request-table{width:100%;border-collapse:collapse;min-width:980px}.request-table th{text-align:left;color:var(--muted);font-size:12px;padding:12px;border-bottom:1px solid var(--line)}.request-table td{padding:15px 12px;border-bottom:1px solid var(--line);font-size:14px}.request-table td:first-child,.request-table td:nth-child(2){display:table-cell}.request-table td strong,.request-table td small{display:block}.request-table td small{color:var(--muted);margin-top:4px}.truncate{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.priority{font-size:11px;border-radius:20px;padding:6px 9px;background:#eef1f5;color:#66717f}.priority.high{background:#fff0e7;color:#ce5700}.status-pending{background:#fff1d7;color:#a86700}.status-assigned{background:#e8f1ff;color:#155fc8}.status-on_route{background:#e9f8ef;color:#127849}.status-on_site{background:#e7f7f8;color:#087984}.status-completed{background:#eaf8ef;color:#0f7a47}.status-cancelled{background:#ffeded;color:#a52a2a}.empty-state{text-align:center!important;color:var(--muted);padding:50px!important}.modal{position:fixed;inset:0;z-index:50;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(3,15,28,.65);backdrop-filter:blur(3px)}.modal-card{position:relative;margin:3vh auto;width:min(880px,94vw);max-height:94vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.modal-card>header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line)}.modal-card h2{margin:4px 0 0}.modal-close{border:0;background:#edf2f7;width:38px;height:38px;border-radius:50%;font-size:25px;cursor:pointer}.request-form{padding:24px 26px}.service-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service-selector label{margin:0}.service-selector input{position:absolute;opacity:0}.service-selector span{min-height:90px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;gap:5px;cursor:pointer;font-size:22px;padding:12px;text-align:center}.service-selector b{font-size:13px}.service-selector input:checked+span{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,101,232,.1);color:var(--blue);background:#f7faff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:14px}.form-grid .full{grid-column:1/-1}.request-form footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:8px}@media(max-width:760px){.request-stats{grid-template-columns:1fr 1fr}.filter-bar{grid-template-columns:1fr}.service-selector{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-card{margin:1vh auto;max-height:98vh}.request-form,.modal-card>header{padding:18px}.page-head .primary-action{white-space:nowrap}}
.support-link{display:block;text-align:center;background:var(--orange);color:#fff;padding:11px;border-radius:9px;font-weight:800}.clear-filter{align-self:center;color:var(--muted);font-size:13px;font-weight:700}.dispatch-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.job-cards{display:grid;gap:14px}.dispatch-card{border:1px solid var(--line);border-radius:16px;padding:18px;transition:.2s;background:#fff}.dispatch-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(20,45,80,.08)}.dispatch-card header{display:flex;align-items:center;justify-content:space-between}.dispatch-card h3{margin:3px 0}.dispatch-card header small{color:var(--muted)}.dispatch-route{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:16px;margin:14px 0;background:#f7f9fc;border-radius:12px}.dispatch-route span{color:var(--blue);font-size:20px}.dispatch-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dispatch-meta span{display:grid;gap:3px}.dispatch-meta small{color:var(--muted)}.job-note{background:#fff8ef;border-left:3px solid var(--orange);padding:10px 12px;border-radius:8px;color:#6c4a27}.status-actions{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.status-actions select{border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff}.status-assigned{background:#e8f1ff;color:#155fc8}.dispatch-summary{min-height:auto;height:max-content;position:sticky;top:96px}.summary-metric{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.summary-metric strong{font-size:24px}.mini-map{height:220px;margin-top:16px;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(135deg,#dceadf,#eef5fb)}.coming-page{min-height:100vh;display:grid;place-content:center;text-align:center;gap:12px;padding:24px}.coming-page img{width:90px;margin:auto}.coming-page h1{font-size:42px;margin:0}.coming-page .primary-action{display:inline-block;width:max-content;margin:auto}.primary-action,.secondary-btn,.support-link{transition:.18s}.primary-action:hover,.support-link:hover{transform:translateY(-1px);filter:brightness(1.04)}.primary-action:focus-visible,.secondary-btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(21,101,232,.25);outline-offset:2px}@media(max-width:1100px){.dispatch-layout{grid-template-columns:1fr}.dispatch-summary{position:static}}@media(max-width:760px){.dispatch-meta{grid-template-columns:1fr 1fr}.dispatch-route{grid-template-columns:1fr;gap:5px}.dispatch-route span{transform:rotate(90deg);justify-self:start}.status-actions{justify-content:stretch}.status-actions select,.status-actions button{flex:1}.filter-bar{grid-template-columns:1fr}.clear-filter{text-align:center;padding:8px}.dispatch-card{padding:14px}}

.fleet-filter{display:grid;grid-template-columns:minmax(260px,1fr) 190px 190px auto auto;gap:10px;margin-bottom:18px}.fleet-filter select,.unit-actions select{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;font:inherit}.fleet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.unit-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;transition:.2s}.unit-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,45,80,.08)}.unit-card>header,.unit-title,.unit-actions,.unit-actions form{display:flex;align-items:center}.unit-card>header{justify-content:space-between;gap:12px}.unit-title{gap:12px}.unit-title h3{margin:2px 0}.unit-title small{color:var(--muted)}.unit-icon{width:46px;height:46px;border-radius:14px;background:#eaf2ff;display:grid;place-items:center;font-size:24px}.unit-vehicle{display:grid;gap:4px;padding:15px 0}.unit-vehicle span{color:var(--muted);font-size:13px}.fuel-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-size:13px}.fuel-row i{grid-column:1/-1;height:8px;border-radius:20px;background:#edf1f5;overflow:hidden}.fuel-row em{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--green));border-radius:20px}.unit-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 0}.unit-meta span{display:grid;gap:3px}.unit-meta small{color:var(--muted)}.unit-meta .due{color:var(--red)}.unit-docs{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px}.unit-actions{justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.unit-actions form{gap:8px}.status-available{background:#e8f8ef;color:#12814d}.status-service{background:#e8f1ff;color:#145fcf}.status-maintenance{background:#fff1e5;color:#d05d00}.status-inactive{background:#edf0f3;color:#697382}@media(max-width:1100px){.fleet-filter{grid-template-columns:1fr 1fr}.fleet-filter input{grid-column:1/-1}}@media(max-width:760px){.fleet-grid{grid-template-columns:1fr}.fleet-filter{grid-template-columns:1fr}.fleet-filter input{grid-column:auto}.unit-actions{align-items:stretch;flex-direction:column}.unit-actions form{display:grid;grid-template-columns:1fr 1fr}.unit-meta{grid-template-columns:1fr}.unit-card{padding:14px}}
.driver-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.driver-card{background:var(--card,#fff);border:1px solid #e6edf5;border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(8,27,47,.06)}.driver-card>header,.driver-person,.driver-score{display:flex;align-items:center}.driver-card>header{justify-content:space-between;gap:14px}.driver-person{gap:12px}.driver-person h3{margin:0 0 4px}.driver-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#1167d8,#0b9fe8);color:#fff;font-weight:800;font-size:20px}.driver-score{justify-content:space-between;margin:18px 0;padding:13px 14px;border-radius:14px;background:#f4f8fc}.driver-score strong{color:#ef9b16}.driver-score span{font-size:13px;color:#607086}@media(max-width:900px){.driver-grid{grid-template-columns:1fr}}@media(max-width:560px){.driver-card{padding:15px}.driver-card>header{align-items:flex-start}.driver-score{align-items:flex-start;flex-direction:column;gap:4px}}
.head-actions{display:flex;gap:10px}.customer-filter{grid-template-columns:minmax(280px,1fr) 190px auto auto}.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.customer-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(8,27,47,.06)}.customer-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.customer-contact{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.customer-contact span{display:grid;gap:3px;padding:12px;border-radius:12px;background:#f6f9fc}.customer-contact small,.vehicle-row small{color:var(--muted)}.vehicle-list{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.vehicle-list h4{margin:0}.link-button,.icon-edit{border:0;background:transparent;color:var(--blue);font-weight:800;cursor:pointer}.vehicle-row{display:grid;grid-template-columns:auto minmax(0,1.3fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #edf1f5}.vehicle-row>div{display:grid;gap:3px}.vehicle-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eaf2ff}.empty-mini{padding:18px;text-align:center;color:var(--muted);background:#f8fafc;border-radius:12px}.request-form select,.request-form textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:14px 15px;background:#fafbfd;font:inherit;outline:none}.request-form select:focus,.request-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,101,232,.1)}@media(max-width:1000px){.customer-grid{grid-template-columns:1fr}}@media(max-width:700px){.head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.page-head{align-items:stretch;flex-direction:column;gap:15px}.customer-filter{grid-template-columns:1fr}.customer-contact{grid-template-columns:1fr}.vehicle-row{grid-template-columns:auto 1fr}.vehicle-row>div:nth-of-type(2){grid-column:2}.icon-edit{grid-column:2;justify-self:start}.customer-card{padding:15px}}
.billing-stats article strong{font-size:clamp(20px,2vw,29px)}.billing-filter{grid-template-columns:minmax(280px,1fr) 210px auto auto}.billing-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.invoice-list{display:grid;gap:14px}.invoice-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:0 10px 30px rgba(8,27,47,.055)}.invoice-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.invoice-card h3{margin:5px 0}.invoice-card header small{color:var(--muted)}.invoice-folio{font-size:12px;font-weight:900;color:var(--blue);letter-spacing:.06em}.invoice-money{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.invoice-money>div{display:grid;gap:4px;padding:13px;border-radius:13px;background:#f5f8fc}.invoice-money small,.invoice-meta small{color:var(--muted)}.invoice-money strong{font-size:20px}.invoice-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:13px}.invoice-meta span{display:grid;gap:3px}.invoice-card>footer{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.inline-form{display:flex;gap:7px;margin-left:auto}.inline-form select{border:1px solid var(--line);border-radius:11px;padding:9px;background:#fff}.compact{padding:10px 13px!important;width:auto!important;margin:0!important}.billing-summary{position:sticky;top:88px;height:max-content}.collection-bars{height:12px;background:#edf2f7;border-radius:20px;overflow:hidden;margin:18px 0}.collection-bars span{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:20px}.invoice-status-draft{background:#eef1f4;color:#687382}.invoice-status-pending{background:#fff3df;color:#b86400}.invoice-status-partial{background:#eaf2ff;color:#145fcf}.invoice-status-paid{background:#e8f8ef;color:#12814d}.invoice-status-overdue{background:#ffebeb;color:#c63c3c}.invoice-status-cancelled{background:#edf0f3;color:#697382}.small-modal{max-width:560px}@media(max-width:1050px){.billing-layout{grid-template-columns:1fr}.billing-summary{position:static}}@media(max-width:720px){.billing-filter{grid-template-columns:1fr}.invoice-money,.invoice-meta{grid-template-columns:1fr 1fr}.invoice-card{padding:15px}.invoice-card>footer{align-items:stretch}.inline-form{width:100%;margin-left:0;display:grid;grid-template-columns:1fr auto}}@media(max-width:430px){.invoice-money,.invoice-meta{grid-template-columns:1fr}.invoice-card>header{flex-direction:column}}@media print{.sidebar,.topbar,.page-head,.request-stats,.filter-bar,.mobile-nav,.billing-summary,.invoice-card>footer,.alert{display:none!important}.app-shell,.main-content,.billing-layout{display:block!important}.invoice-card{break-inside:avoid;box-shadow:none;margin-bottom:15px}}
.head-actions select{border:1px solid var(--line);border-radius:13px;padding:13px 14px;background:#fff;color:var(--text);font:inherit;font-weight:700}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.analytics-wide{grid-column:1/-1}.report-kpis strong{font-size:clamp(22px,2.1vw,31px)}.bar-chart{height:250px;display:flex;align-items:flex-end;gap:10px;padding:22px 5px 0;border-bottom:1px solid var(--line);overflow-x:auto}.bar-col{height:100%;min-width:34px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar-col span{display:block;width:min(32px,80%);height:var(--h);min-height:8px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,var(--blue),#73a9ff);transition:.2s}.bar-col:hover span{filter:brightness(1.08);transform:translateY(-2px)}.bar-col small{font-size:11px;color:var(--muted);white-space:nowrap}.service-breakdown,.ranking-list{display:grid;gap:16px}.service-breakdown>div,.ranking-list>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(100px,1.5fr) 45px;gap:12px;align-items:center}.service-breakdown span,.ranking-list span{display:grid}.service-breakdown small,.ranking-list small{color:var(--muted);font-size:12px}.service-breakdown i,.ranking-list i{height:9px;background:#edf2f7;border-radius:20px;overflow:hidden}.service-breakdown em,.ranking-list em{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--blue),#65a3ff);border-radius:20px}.finance-ring{width:170px;height:170px;margin:10px auto 22px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--p)*1%),#e9eef4 0);position:relative}.finance-ring:after{content:"";position:absolute;inset:18px;border-radius:50%;background:#fff}.finance-ring>div{position:relative;z-index:1;text-align:center;display:grid}.finance-ring strong{font-size:30px}.finance-ring small{color:var(--muted)}.capacity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.capacity-grid div{padding:20px;border-radius:15px;background:#f5f8fc;display:grid;gap:8px}.capacity-grid span{color:var(--muted)}.capacity-grid strong{font-size:28px}@media(max-width:900px){.analytics-grid{grid-template-columns:1fr}.analytics-wide{grid-column:auto}.capacity-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.head-actions{grid-template-columns:1fr}.head-actions form,.head-actions select,.head-actions a{width:100%}.service-breakdown>div,.ranking-list>div{grid-template-columns:1fr 48px}.service-breakdown i,.ranking-list i{grid-column:1/-1;grid-row:2}.capacity-grid{grid-template-columns:1fr}.bar-chart{height:210px}.analytics-grid .panel{padding:15px}}
.live-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:18px}.live-map-panel{min-height:620px}.live-map{height:540px;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#e8f1eb,#dce9f5)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.72) 3px,transparent 3px),linear-gradient(90deg,rgba(255,255,255,.72) 3px,transparent 3px);background-size:92px 72px;transform:rotate(-8deg) scale(1.3)}.route-line{position:absolute;height:12px;border-radius:30px;background:#fff;border:2px solid #cbd6e2;box-shadow:0 3px 9px rgba(0,0,0,.08)}.route-a{width:78%;left:8%;top:38%;transform:rotate(17deg)}.route-b{width:68%;left:24%;top:64%;transform:rotate(-24deg)}.live-marker{position:absolute;z-index:3;border:0;border-radius:14px;padding:9px 11px;background:#fff;box-shadow:0 9px 22px rgba(4,32,58,.22);cursor:pointer;font-size:23px;transform:translate(-50%,-50%)}.live-marker small{display:block;font-size:10px;font-weight:900;color:#213044}.live-marker.status-on_route{outline:3px solid var(--blue)}.live-marker.status-on_site{outline:3px solid var(--green)}.live-marker.status-assigned{outline:3px solid var(--orange)}.map-legend{position:absolute;left:14px;bottom:14px;z-index:4;background:rgba(255,255,255,.94);border-radius:12px;padding:10px 12px;display:flex;gap:13px;flex-wrap:wrap;font-size:11px;font-weight:700}.map-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.legend-blue{background:var(--blue)}.legend-green{background:var(--green)}.legend-orange{background:var(--orange)}.live-indicator{font-size:12px;color:var(--green);font-weight:900}.live-list{max-height:620px;overflow:auto}.tracking-card{border:1px solid var(--line);border-radius:15px;padding:15px;margin-bottom:13px}.tracking-card header,.tracking-card footer,.tracking-meta,.tracking-route{display:flex;align-items:center;justify-content:space-between;gap:10px}.tracking-card header>div{display:grid}.tracking-card small{color:var(--muted)}.tracking-route{margin:15px 0;padding:12px;background:#f7f9fc;border-radius:12px}.tracking-route span{display:grid;gap:3px;font-size:12px}.tracking-route span:last-child{text-align:right}.tracking-meta{font-size:11px}.tracking-meta span{display:grid;gap:3px}.tracking-meta strong{font-size:12px}.tracking-card footer{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.status-on_route{background:#e8f1ff;color:#145fcf}.status-on_site{background:#e8f8ef;color:#12814d}.status-assigned{background:#fff1e5;color:#d05d00}.timeline-panel{margin-top:18px;min-height:auto}.live-timeline{display:grid}.live-timeline>div{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--line)}.live-timeline i{width:10px;height:10px;border-radius:50%;background:var(--blue);margin-top:5px}.live-timeline span{display:grid}.live-timeline time{font-size:12px;color:var(--muted)}@media(max-width:1050px){.live-layout{grid-template-columns:1fr}.live-list{max-height:none}.live-map-panel{min-height:auto}}@media(max-width:700px){.live-map{height:410px}.tracking-route{align-items:flex-start}.tracking-meta{align-items:flex-start;flex-wrap:wrap}.map-legend{right:10px}.live-marker{font-size:19px;padding:7px}}
.alert-filter{grid-template-columns:minmax(260px,1fr) 170px 180px auto auto}.alert-center{min-height:420px}.alert-feed{display:grid;gap:13px}.alert-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:15px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.alert-card.is-unread{box-shadow:0 10px 26px rgba(18,65,120,.09);border-color:#cbdcf5}.alert-symbol{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:19px}.severity-critical .alert-symbol{background:#ffebeb;color:#c63c3c}.severity-warning .alert-symbol{background:#fff3df;color:#b86400}.severity-info .alert-symbol{background:#e8f1ff;color:#145fcf}.alert-copy header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.alert-copy h3{margin:3px 0 7px}.alert-copy small,.alert-copy time{color:var(--muted);font-size:12px}.alert-copy p{margin:0 0 9px;line-height:1.5}.alert-actions{display:grid;gap:8px;min-width:125px}.alert-actions form{margin:0}.alert-actions button{width:100%!important}.alert-status-unread{background:#e8f1ff;color:#145fcf}.alert-status-read{background:#eef1f4;color:#687382}.alert-status-resolved{background:#e8f8ef;color:#12814d}@media(max-width:900px){.alert-filter{grid-template-columns:1fr 1fr}.alert-filter input{grid-column:1/-1}.alert-card{grid-template-columns:42px 1fr}.alert-actions{grid-column:2;display:flex;flex-wrap:wrap}.alert-actions button{width:auto!important}}@media(max-width:560px){.alert-filter{grid-template-columns:1fr}.alert-filter input{grid-column:auto}.alert-card{grid-template-columns:1fr;padding:14px}.alert-symbol{width:38px;height:38px}.alert-actions{grid-column:auto}.alert-copy header{flex-direction:column}.alert-actions form,.alert-actions button{width:100%!important}}
.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.settings-tabs a{padding:11px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-weight:800;font-size:13px}.settings-tabs a.active{background:var(--blue);border-color:var(--blue);color:#fff}.settings-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:18px}.settings-form{min-height:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.form-grid select{width:100%;border:1px solid var(--line);border-radius:13px;padding:14px 15px;background:#fafbfd}.section-divider{border-top:1px solid var(--line);padding-top:20px;margin-top:18px}.fit{width:auto;display:inline-flex}.security-summary{min-height:auto;height:max-content}.summary-row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid var(--line)}.summary-row:first-of-type{border-top:0}.user-list-panel{min-width:0}.responsive-table{overflow:auto}.responsive-table table{width:100%;border-collapse:collapse;min-width:700px}.responsive-table th,.responsive-table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:middle}.responsive-table th{font-size:12px;text-transform:uppercase;color:var(--muted)}.responsive-table td small{display:block;color:var(--muted);margin-top:4px}.compact{padding:9px 12px;font-size:12px}.security-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.security-cards .panel{min-height:200px}.security-cards p{color:var(--muted);line-height:1.6}.empty-state{text-align:center;padding:55px 20px;color:var(--muted)}.empty-state strong{display:block;color:var(--text);font-size:20px;margin-bottom:8px}.alert.success{background:#e8f8ef;color:#12814d;border:1px solid #bfe8d0;padding:11px;border-radius:12px;margin:14px 0}@media(max-width:1000px){.settings-grid{grid-template-columns:1fr}.security-summary{height:auto}}@media(max-width:700px){.form-grid,.security-cards{grid-template-columns:1fr}.settings-tabs{display:grid;grid-template-columns:1fr 1fr}.fit{width:100%;justify-content:center}}@media(max-width:420px){.settings-tabs{grid-template-columns:1fr}}
/* Portal del cliente */
.client-body{background:#f4f7fb;min-height:100vh}.client-header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:20}.client-header .brand{font-size:22px}.client-header .brand img{width:42px;height:42px}.client-header nav{display:flex;gap:8px}.client-header nav a{padding:10px 14px;border-radius:10px;color:var(--muted);font-weight:700;font-size:14px}.client-header nav a:hover,.client-header nav a.active{background:#eaf2ff;color:var(--blue)}.client-user{display:flex;align-items:center;gap:12px}.client-main{max-width:1240px;margin:auto;padding:32px 24px 100px}.client-hero{background:linear-gradient(125deg,var(--navy),#0d4771);color:#fff;border-radius:26px;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow);overflow:hidden;position:relative}.client-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(21,101,232,.35);right:-70px;top:-110px}.client-hero>div,.client-hero>button{position:relative;z-index:2}.client-hero h1{font-size:clamp(30px,4vw,50px);margin:8px 0}.client-hero p{color:#ccdae7;max-width:700px}.client-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.client-kpis article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;display:grid;gap:7px}.client-kpis span,.client-kpis small{color:var(--muted)}.client-kpis strong{font-size:28px}.client-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:18px}.client-services{min-height:330px}.client-service-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.client-service-row div{display:grid;gap:5px}.client-service-row span,.vehicle-mini span{color:var(--muted);font-size:13px}.vehicle-mini{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.vehicle-mini div:last-child{display:grid;gap:4px}.vehicle-icon{width:46px;height:46px;border-radius:14px;background:#eaf2ff;display:grid;place-items:center;font-size:22px}.client-invoices,.client-profile{margin-top:18px}.client-profile{display:flex;justify-content:space-between;align-items:center;min-height:auto}.client-profile h2{margin:5px 0}.client-mobile-nav{display:none}.modal{position:fixed;inset:0;background:rgba(4,20,35,.68);backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:18px;z-index:60}.modal.open{display:flex}.modal-card{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.3);position:relative}.modal-close{position:absolute;right:16px;top:12px;border:0;background:#edf1f5;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer}.modal-card textarea,.modal-card select{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px;background:#fafbfd;font:inherit}.support-link{background:var(--orange);color:#fff;padding:11px;border-radius:9px;font-weight:800;text-align:center}@media(max-width:850px){.client-header nav{display:none}.client-main{padding:18px 14px 88px}.client-hero{padding:28px 22px;align-items:flex-start;flex-direction:column}.client-kpis{grid-template-columns:1fr 1fr}.client-grid{grid-template-columns:1fr}.client-service-row{grid-template-columns:1fr auto}.client-service-row button{grid-column:1/-1;justify-self:start}.client-mobile-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;font-size:12px}.client-mobile-nav button{width:48px;height:48px;border:0;border-radius:50%;background:var(--blue);color:#fff;font-size:26px}.client-profile{align-items:flex-start;gap:14px;flex-direction:column}}@media(max-width:480px){.client-kpis{grid-template-columns:1fr}.client-header{padding:0 14px}.client-header .brand{font-size:18px}.client-header .brand img{width:36px;height:36px}}
@media print{.client-header,.client-hero,.client-kpis,.client-grid,.client-profile,.client-mobile-nav,.panel-head button{display:none!important}.client-invoices{border:0;box-shadow:none}.client-main{padding:0}}