:root{--primary: #1f2937;--primary-dark: #111827;--primary-light: #e5e7eb;--accent: #00897b;--danger: #d32f2f;--warning: #ef6c00;--success: #2e7d32;--bg: #f4f7fb;--card: #ffffff;--text: #1c2b3a;--muted: #6b7f95;--border: #dbe4ef;--sidebar: #0f2c4d;--sidebar-hover: #1b4270;--radius: 10px;--shadow: 0 2px 10px rgba(15, 44, 77, .08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--primary);text-decoration:none}h1,h2,h3,h4{margin:0 0 8px;color:var(--text)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef5fd,#d9e8f9);padding:20px}.login-card{background:#fff;width:100%;max-width:400px;padding:36px;border-radius:18px;box-shadow:0 20px 50px -18px #0f2c4d66}.login-logo{text-align:center;margin-bottom:22px}.login-logo .logo-img{width:72px;height:72px;border-radius:16px;object-fit:cover}.login-logo h1{font-size:20px;margin:8px 0 2px}.login-logo p{color:var(--muted);margin:0;font-size:12px;text-transform:uppercase;letter-spacing:1px}.app{display:flex;min-height:100vh}.sidebar{width:232px;background:var(--sidebar);color:#cfe0f2;display:flex;flex-direction:column;flex-shrink:0}.sidebar .brand{padding:16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px;color:#fff}.brand-logo{width:34px;height:34px;border-radius:8px;object-fit:cover}.sidebar .brand b{font-size:15px;line-height:1.1}.sidebar .brand small{display:block;color:#7fa3c9;font-size:10px}.nav{flex:1;overflow-y:auto;padding:8px 0}.nav a{display:flex;align-items:center;gap:10px;padding:10px 18px;color:#b9cfe6;font-size:13.5px;border-left:3px solid transparent}.nav a:hover{background:var(--sidebar-hover);color:#fff}.nav a.active{background:var(--sidebar-hover);color:#fff;border-left-color:#4da3ff}.nav .icono{width:18px;text-align:center}.sidebar .pie{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#8fb0d1}.sidebar .pie b{color:#fff;display:block}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:58px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:20}.topbar h2{font-size:17px;margin:0}.topbar .usr{display:flex;align-items:center;gap:12px;font-size:13px}.badge{background:var(--primary-light);color:var(--primary-dark);padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700}.badge.gris{background:#eef2f7;color:var(--muted)}.badge.ok{background:#e6f4ea;color:var(--success)}.badge.rojo{background:#fdecea;color:var(--danger)}.badge.naranja{background:#fff3e0;color:var(--warning)}.badge.azul{background:#e3f0fc;color:#1565c0}.contenido{padding:22px;flex:1}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-head h1{font-size:20px}.page-head p{margin:0;color:var(--muted);font-size:12.5px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:16px 18px}.grid{display:grid;gap:14px}.grid.kpi{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.kpi-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.kpi-card .et{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.kpi-card .val{font-size:24px;font-weight:800;margin-top:6px}.kpi-card .sub{font-size:11.5px;color:var(--muted)}label{display:block;font-size:11.5px;font-weight:700;color:#516b86;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;font-size:13.5px;font-family:inherit;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1f29371f}.campo{margin-bottom:12px}.fila-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fila-form.tres{grid-template-columns:1fr 1fr 1fr}.filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}.filtros .campo{margin-bottom:0;min-width:150px}button{font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;padding:9px 15px;border-radius:8px;border:1px solid transparent;background:var(--primary);color:#fff;font-size:13.5px;font-weight:600}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.sec{background:#fff;color:var(--primary);border-color:var(--border)}.btn.sec:hover{background:var(--primary-light)}.btn.gris{background:#eef2f7;color:#445}.btn.gris:hover{background:#e2e8f1}.btn.rojo{background:var(--danger)}.btn.rojo:hover{background:#b71c1c}.btn.verde{background:var(--success)}.btn.verde:hover{background:#1b5e20}.btn.chico{padding:5px 10px;font-size:12px}.btn.bloque{width:100%}.tabla-wrap{overflow-x:auto}table.tabla{width:100%;border-collapse:collapse;font-size:13px}table.tabla th{text-align:left;padding:9px 11px;background:#f0f5fb;color:#466088;font-size:11px;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);white-space:nowrap}table.tabla td{padding:9px 11px;border-bottom:1px solid #eef2f7;vertical-align:middle}table.tabla tr:hover td{background:#f8fbff}.num{text-align:right;font-variant-numeric:tabular-nums}.vacio{text-align:center;color:var(--muted);padding:26px;font-size:13px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1c3080;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px}.modal{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:92vh;overflow:auto;box-shadow:0 24px 60px -20px #00000080}.modal.ancho{max-width:760px}.modal-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0;font-size:16px}.modal-body{padding:18px 20px}.modal-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.x{background:none;border:none;font-size:20px;color:var(--muted);line-height:1}.foto-input{display:flex;flex-direction:column;align-items:flex-start}.foto-preview{border:1px dashed var(--border);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8fbff}.foto-preview img{width:100%;height:100%;object-fit:cover}.avatar{border-radius:50%;object-fit:cover;display:inline-flex}.avatar.inicial{background:var(--primary-light);color:var(--primary-dark);align-items:center;justify-content:center;font-weight:800}.mapa{width:100%;height:calc(100vh - 140px);border-radius:var(--radius);border:1px solid var(--border);z-index:1}.leaflet-div-icon{background:transparent;border:none}.detalle-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 720px){.detalle-grid{grid-template-columns:1fr}}.timeline{list-style:none;padding:0;margin:0}.timeline li{position:relative;padding:0 0 14px 22px;border-left:2px solid var(--border);margin-left:8px;font-size:12.5px}.timeline li:last-child{border-left-color:transparent}.timeline li:before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid #fff}.timeline li b{display:block}.timeline li span{color:var(--muted);font-size:11px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.fin{justify-content:flex-end}.spacer{flex:1}.mt{margin-top:12px}.mb{margin-bottom:12px}.muted{color:var(--muted)}.small{font-size:12px}.right{text-align:right}.center{text-align:center}.err{color:var(--danger);font-size:13px;font-weight:600}.ok-msg{color:var(--success);font-size:13px;font-weight:600}.spinner{padding:40px;text-align:center;color:var(--muted)}.leyenda{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:10px}.leyenda .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:middle}@media (max-width: 980px){.sidebar{width:64px}.sidebar .brand b,.sidebar .brand small,.nav a span.txt,.sidebar .pie{display:none}.nav a{justify-content:center}.brand-logo{width:30px;height:30px}}.pantalla{min-height:100vh;display:flex;flex-direction:column}.movil .topbar{background:var(--primary);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}.movil .topbar h1{font-size:17px;flex:1;color:#fff;margin:0}.movil .contenido{flex:1;padding:16px 16px 90px}.movil .btn{width:100%;padding:14px;border-radius:12px}.movil .btn.chico{width:auto;padding:8px 14px;font-size:13px}.movil .card{background:#fff;border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 2px 10px #0f2c4d0f}.movil .campo{margin-bottom:14px}.movil .campo input,.movil .campo select{padding:12px}.movil .err{font-size:13px;text-align:center;margin:8px 0}.movil .ok-msg{font-size:13px;text-align:center}.mapa-panel{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;padding:18px;box-shadow:0 -6px 24px #0f2c4d26;z-index:500}.buscador{position:fixed;top:70px;left:16px;right:16px;z-index:400}.buscador .row{background:#fff;border-radius:14px;padding:6px 12px;box-shadow:0 4px 16px #0f2c4d26;display:flex;align-items:center;gap:8px;margin-bottom:8px}.buscador .punto{width:12px;height:12px;border-radius:50%;flex-shrink:0}.buscador input{border:none;outline:none;flex:1;padding:10px 0;font-size:15px;background:transparent;width:auto;box-shadow:none}.buscador .sugerencias{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0f2c4d26}.buscador .sugerencia{padding:12px 14px;border-bottom:1px solid #f0f4f9;cursor:pointer}.conductor{display:flex;align-items:center;gap:12px}.conductor .foto{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#eef2f7;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:var(--primary);overflow:hidden;flex-shrink:0}.vehiculo-img{width:100%;height:120px;object-fit:cover;border-radius:12px;background:#eef2f7}.estado-banner{background:var(--primary);color:#fff;text-align:center;padding:14px;font-weight:700;border-radius:12px;margin-bottom:12px}.estrellas{color:#f5b301;letter-spacing:2px}.estrellas-input{font-size:34px;color:#ccc;cursor:pointer}.estrellas-input .llena{color:#f5b301}.viaje-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eef2f7}.viaje-item .ico{width:40px;height:40px;border-radius:12px;background:#eef2f7;display:flex;align-items:center;justify-content:center;font-size:18px}.nav-inf{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);display:flex;z-index:300}.nav-inf a{flex:1;text-align:center;padding:10px 0 12px;font-size:11px;color:var(--muted);cursor:pointer}.nav-inf a.activo{color:var(--primary);font-weight:700}.nav-inf .ico{font-size:20px;display:block}.pagos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:10px 0}.pago{border:2px solid var(--border);border-radius:12px;padding:12px;text-align:center;cursor:pointer}.pago.sel{border-color:var(--primary);background:#eef5fd}.pago .ico{font-size:22px}