:root{--ink:#12161a;--panel:#1b2126;--panel-hi:#232b31;--line:#2c363c;--paper:#f2eee4;--paper-70:#f2eee4ad;--paper-45:#f2eee473;--signal:#ff6a34;--signal-dk:#d9531f;--error:#ff6b6b}:root[data-theme=light]{--ink:#f6f4ee;--panel:#fff;--panel-hi:#edeae0;--line:#ddd7c8;--paper:#1c2126;--paper-70:#1c2126b8;--paper-45:#1c212680;--signal:#e6591c;--signal-dk:#c2450f;--error:#c93a3a}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);margin:0;padding:0;font-family:-apple-system,Inter,Segoe UI,sans-serif}.centro{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;width:100%;max-width:380px;padding:32px}.marca{letter-spacing:-.02em;margin-bottom:4px;font-size:20px;font-weight:700}.subtitulo{color:var(--paper-45);margin-bottom:24px;font-family:IBM Plex Mono,monospace;font-size:13px}.campo{margin-bottom:16px}.campo label{color:var(--paper-70);margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:12px;display:block}.campo input{border:1px solid var(--line);background:var(--ink);width:100%;color:var(--paper);border-radius:6px;padding:10px 12px;font-size:14px}.campo input:focus{outline:2px solid var(--signal);outline-offset:1px}.boton{background:var(--signal);width:100%;color:var(--ink);cursor:pointer;border:none;border-radius:6px;padding:12px;font-size:14.5px;font-weight:600}.boton:hover{background:#ff7d4e}.boton:disabled{cursor:not-allowed;background:#555}.error-msg{border:1px solid var(--error);color:var(--error);background:#ff6b6b1f;border-radius:6px;margin-bottom:16px;padding:10px 12px;font-size:13px}.mono{font-family:IBM Plex Mono,monospace}.mapa-contenedor{border:1px solid var(--line);border-radius:6px;width:100%;height:620px}.mapa-chofer{border:1px solid var(--line);border-radius:6px;width:100%;height:clamp(300px,48vh,480px)}.dash-main-grid{grid-template-columns:5fr 1fr;align-items:start;gap:20px;display:grid}@media (max-width:900px){.dash-main-grid{grid-template-columns:1fr}}.ruta-detalle-grid{grid-template-columns:3fr 2fr;gap:20px;display:grid}@media (max-width:700px){.ruta-detalle-grid{grid-template-columns:1fr}}.dash-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 4px 16px #0000003d}.stat-tile{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 20px;box-shadow:0 2px 8px #0003}.stat-tile .n{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.1}.stat-tile .n small{color:var(--paper-45);font-size:15px;font-weight:500}.stat-tile .l{color:var(--paper-45);text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-family:IBM Plex Mono,monospace;font-size:11px}.nav-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:28px;display:flex;overflow-x:auto}.nav-tabs a{color:var(--paper-45);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.nav-tabs a:hover{color:var(--paper);border-bottom-color:var(--line)}.avatar-circle{background:var(--panel-hi);width:34px;height:34px;color:var(--paper-70);border:1px solid var(--line);border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:700;display:flex}.page-title{letter-spacing:-.02em;font-size:26px;font-weight:700}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin:12px 0 22px;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:2px 20px;display:grid}.form-grid .campo-full{grid-column:1/-1}.list-row{background:var(--ink);border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:14px 16px;transition:border-color .15s}.list-row:hover{border-color:#3a454c}.mapa-hero .mapa-contenedor{height:clamp(420px,100vh - 320px,900px)}.kpi-strip{color:var(--paper-70);flex-wrap:wrap;align-items:baseline;gap:4px 24px;font-size:13px;display:flex}.kpi-strip b{font-variant-numeric:tabular-nums;color:var(--paper);font-size:15px}.portal-shell{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);z-index:100;flex-direction:column;width:220px;min-width:220px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--line);padding:18px 18px 16px}.sidebar-group{padding:16px 10px 4px}.sidebar-label{letter-spacing:.14em;text-transform:uppercase;color:var(--paper-45);margin-bottom:6px;padding:0 10px;font-size:9.5px;font-weight:700}.sidebar-item{color:var(--paper-70);border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;margin-bottom:1px;padding:8px 10px;font-size:12.8px;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--panel-hi);color:var(--paper)}.sidebar-item.activo{color:var(--paper);background:#ff6a341f;border-color:#ff6a344d}.sidebar-ic{width:16px;height:16px;color:var(--paper-45);flex:none;display:flex}.sidebar-item:hover .sidebar-ic,.sidebar-item.activo .sidebar-ic{color:var(--signal)}.sidebar-tag{letter-spacing:.04em;color:var(--paper-45);border:1px solid var(--line);text-transform:uppercase;border-radius:20px;margin-left:auto;padding:1.5px 6px;font-size:8.5px;font-weight:700}.sidebar-foot{border-top:1px solid var(--line);margin-top:auto;padding:12px}.portal-main{flex:1;min-width:0;margin-left:220px;padding:20px 40px 60px}@media (max-width:860px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.abierta{transform:translate(0);box-shadow:0 0 0 2000px #00000080}.portal-main{margin-left:0;padding:62px 18px 40px}.sidebar-toggle{display:flex!important}}.sidebar-toggle{z-index:110;border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--paper-70);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:none;position:fixed;top:12px;left:12px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.kpi-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kpi-icon svg{width:16px;height:16px}.kpi-icon.naranja{color:var(--signal);background:#ff6a3424}.kpi-icon.azul{color:#4a90d9;background:#4a90d924}.kpi-icon.verde{color:#7fd08a;background:#7fd08a29}.kpi-valor{font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-family:IBM Plex Mono,monospace;font-size:26px;font-weight:700}.kpi-etiqueta{color:var(--paper-45);margin-top:2px;font-size:11.5px}.dispositivos-grid{grid-template-columns:280px 1fr;gap:20px;display:grid}@media (max-width:760px){.dispositivos-grid{grid-template-columns:1fr}}