:root{--text:#9fb1c8;--text-h:#edf4ff;--bg:#060d16;--panel:#0c1522;--panel-strong:#08111c;--border:#7c9dc433;--accent:#0e4363;--accent-2:#15557c;--shadow:#0000006b 0 18px 40px -28px, #0000004d 0 12px 24px -18px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);letter-spacing:.01em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #0e436347, transparent 28%), radial-gradient(circle at top right, #15557c2e, transparent 24%), var(--bg);min-width:320px;margin:0}#root{min-height:100vh}h1,h2{font-family:var(--heading);color:var(--text-h);margin:0;font-weight:700}h1{font-size:clamp(2rem,3vw,2.8rem)}h2{font-size:1.35rem}p{margin:0}.admin-layout{grid-template-columns:280px 1fr;min-height:100vh;transition:grid-template-columns .2s;display:grid}.admin-layout.sidebar-collapsed{grid-template-columns:96px 1fr}.sidebar{background:var(--panel-strong);border-right:1px solid var(--border);flex-direction:column;gap:32px;padding:32px 24px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:44px;height:44px;color:var(--text-h);border-radius:14px;place-items:center;font-weight:700;display:grid}.brand span,.brand small{display:block}.brand-copy{overflow:hidden}.brand span{color:var(--text-h);font-weight:700}.brand small{color:var(--text)}.sidebar-nav{gap:8px;display:grid}.sidebar-nav a{color:var(--text);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.nav-icon{text-align:center;flex:0 0 20px;width:20px}.sidebar-nav a:hover,.sidebar-nav a.active{background:var(--panel);color:var(--text-h)}.sidebar-toggle{border:1px solid var(--border);background:var(--panel);color:var(--text-h);font:inherit;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.sidebar-card,.panel,.stat-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px}.sidebar-card{margin-top:auto;padding:20px}.sidebar-card p,.sidebar-card span,.stat-card span,.stat-card small,.eyebrow{color:var(--text)}.sidebar-card strong,.stat-card strong{color:var(--text-h);display:block}.sidebar-card strong{margin:10px 0;font-size:36px}.admin-layout.sidebar-collapsed .sidebar{padding-inline:16px}.admin-layout.sidebar-collapsed .brand{justify-content:center}.admin-layout.sidebar-collapsed .brand-copy,.admin-layout.sidebar-collapsed .nav-label,.admin-layout.sidebar-collapsed .sidebar-card{display:none}.admin-layout.sidebar-collapsed .sidebar-nav a,.admin-layout.sidebar-collapsed .sidebar-toggle{justify-content:center;padding-inline:12px}.dashboard{gap:24px;padding:32px;display:grid}.auth-layout{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--border);width:min(100%,460px);box-shadow:var(--shadow);border-radius:24px;gap:24px;padding:32px;display:grid}.auth-copy,.auth-hint,.auth-error{color:var(--text)}.auth-error{color:#ff9b9b}.sidebar-session{border:1px solid var(--border);background:var(--panel);border-radius:20px;gap:10px;padding:18px;display:grid}.sidebar-session p{color:var(--text)}.sidebar-session strong{color:var(--text-h)}.sidebar-session-button{width:100%}.topbar{justify-content:space-between;align-items:center;gap:24px;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-actions input,.topbar-actions button{border:1px solid var(--border);background:var(--panel);color:var(--text-h);font:inherit;border-radius:14px;padding:12px 16px}.topbar-actions button{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--text-h);cursor:pointer;border:none}.action-dropdown{position:relative}.action-dropdown summary{border:1px solid var(--border);background:var(--panel);color:var(--text-h);font:inherit;cursor:pointer;border-radius:14px;padding:12px 16px;list-style:none}.action-dropdown summary::-webkit-details-marker{display:none}.action-dropdown-menu{border:1px solid var(--border);background:var(--panel);min-width:190px;box-shadow:var(--shadow);z-index:10;border-radius:16px;gap:8px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.action-dropdown-menu button{width:100%}.button-secondary{background:var(--panel)!important;color:var(--text-h)!important;border:1px solid var(--border)!important}.eyebrow{text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:12px}.stats-grid,.content-grid{gap:24px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{padding:22px}.stat-card strong{margin:8px 0;font-size:32px}.stat-card.success{border-color:#0e43633d}.stat-card.info{border-color:#0e43634d}.stat-card.warning{border-color:#15557c38}.stat-card.primary{border-color:#0e436361}.content-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.panel{padding:24px}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.badge,.status{border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;display:inline-flex}.badge{color:var(--text-h);background:#0e436347}.chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:14px;height:300px;display:grid}.chart div{background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:20px 20px 8px 8px}.channel-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.channel-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.channel-list li:last-child{border-bottom:none}.fleet-panel{gap:20px;display:grid}.fleet-grid{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:20px;display:grid}.fleet-stats{gap:16px;display:grid}.fleet-stat-card{background:var(--panel-strong);border:1px solid var(--border);border-radius:20px;padding:18px}.fleet-stat-card span,.fleet-stat-card small{color:var(--text)}.fleet-stat-card strong{color:var(--text-h);margin:8px 0;font-size:30px;display:block}.cars-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.policies-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cars-content-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.route-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.route-list li{border-bottom:1px solid var(--border);padding:16px 0}.route-list li:last-child{border-bottom:none}.route-list strong,.route-list span,.route-list small{display:block}.route-list strong{color:var(--text-h)}.route-list span,.route-list small{color:var(--text)}.form-panel{gap:24px}.vehicle-form{gap:20px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.vehicle-form label{gap:8px;display:grid}.vehicle-form label span{color:var(--text);font-size:14px}.vehicle-form input,.vehicle-form select,.vehicle-form textarea{border:1px solid var(--border);background:var(--panel-strong);width:100%;color:var(--text-h);font:inherit;border-radius:14px;padding:12px 16px}.vehicle-form textarea{resize:vertical}.multi-select-field{gap:10px;display:grid}.multi-select-dropdown{position:relative}.multi-select-dropdown summary{border:1px solid var(--border);background:var(--panel-strong);width:100%;color:var(--text-h);font:inherit;cursor:pointer;border-radius:14px;padding:12px 16px;list-style:none}.multi-select-dropdown summary::-webkit-details-marker{display:none}.multi-select-menu{border:1px solid var(--border);background:var(--panel);width:100%;max-height:220px;box-shadow:var(--shadow);z-index:10;border-radius:16px;gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}.multi-select-option{background:var(--panel-strong);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex!important}.multi-select-option input{width:auto;margin:0}.selected-tags{flex-wrap:wrap;gap:8px;display:flex}.selected-tag{color:var(--text-h);background:#0e436347;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;display:inline-flex}.map-frame{border:0;border-radius:20px;width:100%;height:420px}.map-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.form-actions{justify-content:flex-end;gap:12px;display:flex}.form-actions button{font:inherit;cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--text-h);border:none;border-radius:14px;padding:12px 16px}.table-action{padding:8px 12px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.detail-item{background:var(--panel-strong);border:1px solid var(--border);border-radius:18px;padding:18px}.detail-item-full{grid-column:1/-1}.detail-item span{color:var(--text);margin-bottom:8px;font-size:14px;display:block}.detail-item strong,.detail-item p{color:var(--text-h)}.detail-item p{margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--border);padding:16px 12px}th{color:var(--text);font-size:13px;font-weight:600}td{color:var(--text-h)}.status.pagado{color:#9fd6ff;background:#15557c3d}.status.pendiente{color:#d5e4ff;background:#2c406657}.status.enviado{color:#b7e6ff;background:#0e436352}.status.disponible{color:#9fd6ff;background:#15557c3d}.status.en-ruta{color:#b7e6ff;background:#0e436352}.status.mantenimiento{color:#d5e4ff;background:#2c406657}@media (width<=1100px){.admin-layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.stats-grid,.content-grid{grid-template-columns:1fr 1fr}.cars-stats-grid,.cars-content-grid,.form-grid,.detail-grid,.fleet-grid{grid-template-columns:1fr}}@media (width<=720px){.dashboard,.sidebar{padding:20px}.topbar,.topbar-actions,.stats-grid,.content-grid{grid-template-columns:1fr;display:grid}.topbar-actions{width:100%}.topbar-actions input,.topbar-actions button{box-sizing:border-box;width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}}