:root{--ink:#1c3935;--muted:#6c7e76;--bg:#f5f6f0;--line:#e0e6dd;--navy:#163c35;--accent:#24755e;--teal:#d8ef92}body{font-family:'Segoe UI',Arial,sans-serif}aside{width:252px;background:#163c35;padding:30px 18px}.shell{margin-left:252px}.brand{font-size:30px;letter-spacing:3px;padding-bottom:23px}.brand span{color:#d8ef92}.brand small{letter-spacing:4px;color:#d8ef92}.nav-search{display:block;margin:0 5px 22px}.nav-search input{background:#264a42;border:1px solid #45645b;color:#fff;font-size:12px}.nav-search input::placeholder{color:#becdc5}.nav-group{border-top:1px solid #416055;margin:14px 0 0;padding-top:10px}.nav-group summary{font-size:11px;letter-spacing:.6px;color:#c5d7c9;font-weight:600;padding:9px;cursor:pointer}.nav-group summary span{float:right;opacity:.6}.nav-group a{font-size:13px;padding:7px 15px;margin:2px 0}.nav-group a[hidden]{display:none}nav a.selected,nav a:hover{background:#31574b}nav a.selected{border-color:#d8ef92}.nav-home{font-size:15px;font-weight:600}.aside-foot{color:#a6c2b3}header{height:82px;background:#fdfef9;border-bottom:1px solid var(--line);padding:0 36px;gap:20px}.header-title{font-size:13px}.global-search{width:365px}.global-search input{border:1px solid var(--line);border-radius:12px;background:#f5f6f0;padding:12px 15px}.account summary{padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}main{max-width:1720px;padding:32px 36px}.welcome{display:grid;grid-template-columns:1.15fr 1fr;background:#e9efdc;border:1px solid #dde5d0;border-radius:25px;padding:36px 42px;margin-bottom:25px;overflow:hidden}.welcome .eyebrow{font-size:11px;letter-spacing:2px}.welcome h1{font-size:56px;line-height:1.06;letter-spacing:-2px;font-weight:750;margin:18px 0}.welcome h1 em{font-style:normal;color:#3c7452}.welcome p{color:#667762;font-size:15px;line-height:1.6;margin-bottom:23px}.button,button{border-radius:10px;min-height:44px;padding:11px 17px}.primary{background:#214d40;border-color:#214d40}.welcome .primary{background:#163c35;padding:13px 21px}.welcome-visual{align-self:center;text-align:center;background:radial-gradient(ellipse at center,#d7e5bd 0,transparent 69%)}.welcome-visual img{width:100%;max-width:540px;margin:12px 0 0}.welcome-caption{font-size:10px;letter-spacing:2px;color:#708466}.welcome-pill{display:inline-block;border:1px solid #b8cba3;padding:8px 16px;border-radius:40px;font-size:12px;color:#496344;background:#f1f6e7}.simple-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.simple-stats>a{color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 23px;transition:transform .15s}.simple-stats>a:hover{transform:translateY(-3px);text-decoration:none}.simple-stats span{font-size:12px;font-weight:600;color:#6b7c70}.simple-stats strong{display:block;font-size:38px;letter-spacing:-1px;margin:6px 0}.simple-stats small{font-size:12px;color:#708271}.simple-stats .attention{background:#fff2e4;border-color:#eadbc8}.simple-stats .attention strong{color:#a05d2e}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:27px 0 15px}.section-heading h2{font-size:21px;letter-spacing:-.4px}.section-heading>span{font-size:12px;color:var(--muted)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}.quick-actions>a{display:flex;gap:12px;align-items:center;color:var(--ink);padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.quick-actions>a:hover{background:#eef4e6;text-decoration:none}.quick-actions b{display:grid;place-items:center;background:#eaf1df;border-radius:12px;min-width:40px;height:40px;font-size:24px;color:#376a45}.quick-actions span{font-size:13px;font-weight:650}.quick-actions small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.home-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.panel{border-radius:18px;border-color:var(--line);box-shadow:0 3px 12px #173b3003}.panel-title{padding:23px 24px}.panel-title .eyebrow{font-size:9px;margin-bottom:6px}.panel-title h2{font-size:19px}.panel-title>a{font-size:12px;white-space:nowrap}.agenda-list{padding:0 24px 18px}.agenda-list>a{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #edf0e9;color:var(--ink)}.agenda-list>a:hover{text-decoration:none}.agenda-list strong{font-size:13px}.agenda-list small{display:block;color:var(--muted);font-size:11px}.agenda-list .badge{margin-left:auto;font-size:10px}.date-tile{min-width:46px;text-align:center;background:#f1f4ea;padding:6px 8px;border-radius:10px}.date-tile b{font-size:19px}.date-tile small{text-transform:uppercase;font-size:9px}.mini-vehicles{padding:0 24px 18px}.mini-vehicles>a{display:flex;align-items:center;gap:12px;border-top:1px solid #edf0e9;padding:16px 0;color:var(--ink)}.mini-vehicles strong{font-size:14px;letter-spacing:.5px}.mini-vehicles small{display:block;color:var(--muted);font-size:11px}.mini-vehicles .badge{margin-left:auto;font-size:10px}.mini-car{display:grid;place-items:center;width:42px;height:42px;background:#edf2e7;border-radius:11px;font-size:24px;color:#47715b}.badge{border-radius:20px;padding:5px 10px}.calm-empty{padding:32px 22px;text-align:center;color:var(--muted)}.calm-empty>b{font-size:35px;color:#669551}.calm-empty p{font-size:14px;max-width:430px;margin:12px auto}.simple-filters{display:flex;gap:12px;margin:25px 0}.simple-filters input{max-width:500px}.simple-filters select{max-width:230px}.fleet-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.fleet-card{display:block;color:var(--ink);border:1px solid var(--line);border-radius:19px;background:#fff;padding:23px;transition:transform .15s,box-shadow .15s}.fleet-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 10px 25px #214d4011}.fleet-card-top{display:flex;justify-content:space-between}.fleet-car{width:100%;height:120px;object-fit:contain;background:#f6f8f0;border-radius:12px;margin:20px 0 15px}.fleet-card h2{font-size:25px;letter-spacing:1px}.fleet-card p{font-size:14px;color:var(--muted);margin:4px 0 18px}.fleet-card-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:15px;font-size:12px}.fleet-card-bottom small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.vehicle-summary{display:grid;grid-template-columns:1fr 1fr 1.5fr;background:#e9efdc;border:1px solid #dbe5ce;border-radius:18px;padding:26px;gap:25px}.vehicle-summary small{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.vehicle-summary strong{font-size:23px}.vehicle-summary a{display:block;font-size:12px;margin-top:10px}.title-model{color:var(--muted);font-weight:400;font-size:23px;letter-spacing:-.5px}.vehicle-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.history-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;align-items:start}.history-section{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.history-section summary{padding:19px 23px;font-weight:600;cursor:pointer}.history-section summary>span{float:right;color:var(--muted);font-size:12px}.history-section .history-list>a{font-size:13px}.history-section .actions{margin-top:15px;font-size:12px}.auto-hint{padding:13px 17px;background:#edf5e4;border:1px solid #dce8cc;border-radius:10px;margin-bottom:25px;color:#3c6141;font-size:14px}.form-section-heading{margin-bottom:24px}.more-details{border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-top:28px}.more-details summary{cursor:pointer;font-weight:650}.more-details summary span{float:right;font-size:12px;color:var(--muted);font-weight:400}.more-details>p{font-size:13px;margin:18px 0}.form-grid{gap:23px}.form-panel{padding:32px;max-width:1100px}input,select,textarea{border-color:#cbd6c7;border-radius:9px;min-height:45px}input:disabled,select:disabled{background:#f1f5e9;color:#33513c;opacity:1}.field label{font-size:13px}.help{line-height:1.6}.onboarding{background:#fff7df;border:1px solid #e6d4a3;padding:24px;border-radius:18px;margin-bottom:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.login-wrap{max-width:510px}.login-brand{color:#163c35}.login-card{border-radius:24px;box-shadow:0 20px 60px #163c350a}.login-card h1{font-size:33px}.guest{background:radial-gradient(ellipse at top,#e3edcf,transparent 60%)}:focus-visible{outline:3px solid #77a94c;outline-offset:3px}
@media(max-width:1250px){aside{width:225px}.shell{margin-left:225px}main{padding:25px}.welcome{padding:30px}.welcome h1{font-size:47px}.quick-actions{grid-template-columns:repeat(2,1fr)}.fleet-cards{grid-template-columns:repeat(2,1fr)}.home-columns{grid-template-columns:1fr}.global-search{width:300px}.header-title{display:none}}
@media(max-width:750px){.shell{margin-left:0}main{padding:18px 15px}header{padding:0 15px;height:auto;min-height:75px;gap:10px;flex-wrap:wrap}.global-search{width:auto;min-width:100px;flex:1}.global-search input{font-size:12px}.account{min-width:auto}.account summary{font-size:12px;padding:9px}.menu-toggle{font-size:12px;padding:9px;min-height:40px}.welcome{grid-template-columns:1fr;padding:26px;border-radius:20px}.welcome h1{font-size:45px}.welcome-visual{display:none}.welcome p{font-size:14px}.simple-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:23px}.simple-stats>a{padding:17px}.simple-stats span{font-size:11px}.simple-stats strong{font-size:32px}.simple-stats small{font-size:10px}.quick-actions{gap:9px}.quick-actions>a{padding:12px;gap:8px}.quick-actions b{min-width:30px;height:34px;font-size:20px}.quick-actions span{font-size:12px}.quick-actions small{font-size:10px}.section-heading{gap:10px}.section-heading h2{font-size:19px}.section-heading>span{display:none}.panel-title{padding:20px}.panel-title h2{font-size:17px}.agenda-list,.mini-vehicles{padding:0 20px 18px}.agenda-list .badge{white-space:normal;font-size:9px}.mini-vehicles .badge{white-space:normal;max-width:86px}.fleet-cards,.history-grid,.vehicle-summary{grid-template-columns:1fr}.fleet-cards{gap:16px}.simple-filters{flex-wrap:wrap}.simple-filters input{max-width:none}.simple-filters select{flex:1}.form-panel{padding:22px}.more-details{padding:15px}.more-details summary span{float:none;display:block;padding-left:19px;margin-top:6px}.form-actions{flex-wrap:wrap}.title-model{display:block;font-size:21px;margin-top:7px}.vehicle-summary{gap:20px}.desktop-only{display:none}.panel-bottom{padding:15px 0}}

.reading-photos,.photo-selection{display:flex;flex-wrap:wrap;gap:16px}.reading-photos a{max-width:100%}.reading-photos img{max-width:100%;width:340px;max-height:320px;object-fit:contain;border-radius:12px}.photo-selection>div{width:110px;display:grid;gap:6px}.photo-selection img{width:110px;height:90px;object-fit:cover;border-radius:8px}.photo-selection button{padding:6px}.field input[type=file]{max-width:100%}

@media(max-width:760px){
.mileage-panel .table-scroll{overflow:visible}.mileage-panel table,.mileage-panel tbody{display:block;min-width:0;width:100%}.mileage-panel thead{display:none}.mileage-panel tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:18px 12px;border-top:1px solid var(--line,#dfe7e1);gap:12px}.mileage-panel td{display:block;min-width:0;padding:0;border:0;white-space:normal}.mileage-panel td:first-child,.mileage-panel td:nth-child(4),.mileage-panel td:nth-child(5),.mileage-panel td:nth-child(6){grid-column:1/-1}.mileage-panel td:nth-child(2)::before{content:'Última lectura';display:block;color:#637873}.mileage-panel td:nth-child(3)::before{content:'Últimos km';display:block;color:#637873}.mileage-panel td:nth-child(4)::before{content:'Nuevos km';display:block;color:#637873;margin-bottom:5px}.mileage-panel td:nth-child(5)::before{content:'Foto del cuentakilómetros (opcional)';display:block;color:#637873;margin-bottom:5px}.mileage-panel input{max-width:100%;width:100%;min-width:0}.mileage-panel input[type=checkbox]{width:auto}
}

aside nav a{display:flex;align-items:center;gap:10px}.nav-icon{width:17px;height:17px;flex:0 0 17px;opacity:.8}#main-menu nav a[hidden]{display:none!important}.nav-group[hidden]{display:none}.brand{padding-top:5px;padding-bottom:28px}.date-tile b{font-size:16px}.simple-stats>a{min-width:0}.fleet-card-bottom>div{overflow-wrap:anywhere;min-width:0}.fleet-card-bottom>div:last-child{flex-shrink:0}.vehicle-summary strong{overflow-wrap:anywhere}.history-section .actions a{border:0;padding:5px 0}.welcome h1{max-width:100%}.field{min-width:0}.field input[type=file]{width:100%}.field input::file-selector-button{background:#edf5e4;border:1px solid #cbd6c7;border-radius:6px;color:#214d40;padding:7px;cursor:pointer;margin-right:8px}.account>div{top:45px;border:1px solid var(--line);border-radius:12px}.panel.mileage-panel{overflow:visible}
@media(max-width:750px){.global-search{flex-basis:100%;order:3;padding-bottom:12px}.account{margin-left:auto}.vehicle-summary{grid-template-columns:1fr}.simple-stats>a{overflow-wrap:anywhere}.detail-grid{grid-template-columns:1fr}.simple-filters input{min-width:0}.fleet-card{min-width:0}.mileage-panel .photo-picker{min-width:0}.mileage-panel td:nth-child(5)::before{content:'Validación'}.header-title{display:none}}