:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #273449;--borde: #334155;--text: #f1f5f9;--muted: #94a3b8;--ok: #22c55e;--warn: #eab308;--danger: #ef4444;--radius: 12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}.app{max-width:640px;margin:0 auto;padding:16px 16px 88px}h1{font-size:1.35rem;margin:0}h2{font-size:1rem;margin:0 0 6px}.muted{color:var(--muted);font-size:.85rem;margin:4px 0 0}.cabecera{margin-bottom:16px}.lista{display:flex;flex-direction:column;gap:18px}.grupo-titulo{display:flex;align-items:center;gap:8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}.contador{background:var(--surface-2);border-radius:999px;padding:1px 8px;font-size:.75rem}.tarjeta{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);color:inherit;border:1px solid var(--borde);border-left:4px solid var(--borde);border-radius:var(--radius);padding:12px;margin-bottom:8px;font:inherit;cursor:pointer}.tarjeta:active{transform:scale(.995)}.tarjeta.nivel-vencido{border-left-color:var(--danger);background:#3b1d24}.tarjeta.nivel-rojo{border-left-color:var(--danger)}.tarjeta.nivel-amarillo{border-left-color:var(--warn)}.tarjeta.nivel-verde{border-left-color:var(--ok)}.tarjeta-icono{font-size:1.4rem}.tarjeta-cuerpo{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.tarjeta-nombre{font-weight:600;overflow-wrap:anywhere}.tarjeta-meta{color:var(--muted);font-size:.78rem}.tarjeta-km{color:#cbd5e1;font-size:.78rem}.badge{font-size:.72rem;font-weight:600;padding:4px 8px;border-radius:999px;white-space:nowrap}.badge-vencido{background:var(--danger);color:#fff}.badge-rojo{background:#ef44442e;color:#fca5a5}.badge-amarillo{background:#eab3082e;color:#fde68a}.badge-verde{background:#22c55e2e;color:#86efac}.badge-avisos{background:#3b82f633;color:#bfdbfe}.bandeja{background:var(--surface);border:1px solid var(--borde);border-radius:var(--radius);padding:12px}.bandeja .tarjeta{background:var(--surface-2);margin-bottom:6px}.bandeja .tarjeta:last-child{margin-bottom:0}.tarjeta.aviso-vencido{border-left:4px solid var(--danger)}.tarjeta.aviso-proximo{border-left:4px solid #3b82f6}.sin-avisos{background:var(--surface);border:1px solid var(--borde);border-radius:var(--radius);padding:10px 12px;margin:0;font-size:.82rem;color:var(--muted)}.vacio{text-align:center;padding:40px 16px;color:var(--muted)}.vacio-icono{font-size:2.5rem;margin:0}.vacio h2{color:var(--text);margin-top:12px}.ajustes{display:flex;flex-direction:column;gap:12px}.panel{background:var(--surface);border:1px solid var(--borde);border-radius:var(--radius);padding:14px}.botones{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.btn{background:var(--surface-2);color:var(--text);border:1px solid var(--borde);border-radius:8px;padding:9px 14px;font:inherit;cursor:pointer}.btn:hover{border-color:var(--muted)}.btn-peligro{background:#ef444426;border-color:var(--danger);color:#fca5a5}.aviso{background:var(--surface-2);border-radius:8px;padding:10px 12px;font-size:.85rem;margin:0}.formulario{display:flex;flex-direction:column;gap:14px}.campo{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;border:0}.campo>span,.campo>legend{font-size:.8rem;color:var(--muted);padding:0}.campo input[type=text],.campo input[type=number],.campo input[type=date],.campo select,.campo textarea{background:var(--surface);color:var(--text);border:1px solid var(--borde);border-radius:10px;padding:11px 12px;font:inherit;width:100%}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid #3b82f6;outline-offset:1px;border-color:#3b82f6}.campo textarea{resize:vertical}.bloque-km{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--borde);border-left:3px solid #f59e0b;border-radius:10px;padding:12px}.campo-fila{flex-direction:row;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--borde);border-radius:10px;padding:12px}.campo-fila input{width:18px;height:18px;accent-color:#3b82f6}.campo-fila span{font-size:.9rem;color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--surface);color:var(--muted);border:1px solid var(--borde);border-radius:999px;padding:7px 12px;font:inherit;font-size:.8rem;cursor:pointer}.chip-activo{background:#3b82f62e;border-color:#3b82f6;color:#bfdbfe}.fila{display:flex;gap:8px;align-items:center}.fila input{flex:1}.acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.btn-primario{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.btn-primario:hover{background:#1d4ed8;border-color:#1d4ed8}.aviso-error{background:#ef444426;color:#fca5a5}.barra{position:fixed;bottom:0;left:0;right:0;display:flex;max-width:640px;margin:0 auto;background:#0f172af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--borde);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--muted);font:inherit;font-size:.72rem;padding:8px 4px;border-radius:8px;cursor:pointer}.tab span{font-size:1.2rem}.tab-activa{color:var(--text);background:var(--surface)}