:root{--color-primario: #007961;--color-exito: #2ea836;--color-advertencia: #b3850a;--color-error: #c23b3b;--color-texto: #1f2a27;--color-fondo: #ffffff;--color-superficie: #f4f7f5;--color-borde: #dbe5e1;--radio: 10px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color:var(--color-texto);background:var(--color-fondo)}body.sin-scroll{overflow:hidden}input,select,textarea,button{font-family:inherit;font-size:.85rem}.layout{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--color-superficie);border-right:1px solid var(--color-borde);padding:20px 16px}.sidebar-cabecera{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.sidebar-cerrar{display:none}.sidebar-logo img{width:100%;height:auto;display:block}.sidebar-fondo{display:none}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;border:none;background:transparent;color:var(--color-texto);font-size:.85rem;cursor:pointer;text-align:left;width:100%}.sidebar-link:hover{background:#e4ece8}.sidebar-link-on{background:var(--color-primario);color:#fff}.sidebar-link-on:hover{background:var(--color-primario)}.layout-principal{flex:1;display:flex;flex-direction:column;min-width:0}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 28px;border-bottom:1px solid var(--color-borde)}.header-izquierda{display:flex;align-items:center;gap:10px;min-width:0}.header h1{font-size:1.125rem;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-menu{display:none;flex-shrink:0;position:relative;z-index:35}.header-usuario{display:flex;align-items:center;gap:12px;font-size:.9rem;flex-shrink:0}.icon-button{border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-texto);padding:8px;border-radius:8px}.icon-button:hover{background:var(--color-superficie)}.ev{width:100%;max-width:1400px;margin-inline:auto;padding:24px 28px 48px}.ev-kicker{text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;color:var(--color-primario);font-weight:600}.ev-title{margin:4px 0 10px;font-size:1.4rem}.ev-take{color:#44524d;font-size:.9rem;line-height:1.5;max-width:920px}.ev-h{font-size:1.05rem;margin:0 0 4px}.ev-note{color:#5b6b65;font-size:.8rem;margin:0 0 12px}.ev-card{margin:24px 0}.ev-scroll{overflow-x:auto;scrollbar-width:auto;-webkit-overflow-scrolling:touch}.ev-scroll::-webkit-scrollbar{height:10px}.ev-scroll::-webkit-scrollbar-thumb{background:var(--color-borde);border-radius:999px}.ev-box{max-height:420px;overflow:auto;border:1px solid var(--color-borde);border-radius:var(--radio);scrollbar-width:auto;-webkit-overflow-scrolling:touch}.ev-box::-webkit-scrollbar{height:10px;width:10px}.ev-box::-webkit-scrollbar-thumb{background:var(--color-borde);border-radius:999px}.ev-tabs{display:flex;gap:4px;margin:18px 0 20px;border-bottom:1px solid var(--color-borde)}.ev-tab{border:none;background:transparent;padding:10px 14px;font-size:.9rem;font-weight:500;color:#5b6b65;cursor:pointer;border-bottom:2px solid transparent}.ev-tab[aria-selected=true]{color:var(--color-primario);border-bottom-color:var(--color-primario)}.ev-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 18px}.ev-filters label{font-size:.85rem;display:flex;align-items:center;gap:6px}.ev-filters input,.ev-filters select{padding:7px 10px;border:1px solid var(--color-borde);border-radius:8px}.ev-btn{padding:7px 14px;border:1px solid var(--color-borde);border-radius:8px;background:var(--color-fondo);cursor:pointer;font-size:.85rem}.ev-btn.pri{background:var(--color-primario);color:#fff;border-color:var(--color-primario)}.checkbox-inline{display:inline-flex;align-items:center;gap:6px;font-size:.85rem}.conteo{color:#5b6b65;font-size:.8rem;margin-left:auto}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:18px 0}.kpi-card{display:flex;align-items:flex-start;gap:12px;background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio);padding:16px}.kpi-icon{color:var(--color-primario);margin-top:2px}.kpi-valor{font-size:1.3rem;font-weight:600}.kpi-etiqueta{font-size:.8rem;color:#5b6b65}.kpi-nota{font-size:.72rem;color:#7c8b85;margin-top:2px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tabla{width:100%;border-collapse:collapse;font-size:.82rem}.tabla th{text-align:left;padding:9px 10px;border-bottom:2px solid var(--color-borde);color:#5b6b65;font-weight:600;white-space:nowrap}.tabla td{padding:9px 10px;border-bottom:1px solid var(--color-borde);vertical-align:top}.celda-fuerte{font-weight:600}.celda-texto{max-width:420px}.texto-mute{color:#7c8b85;font-size:.72rem;margin-bottom:2px}.tabla-click tbody tr{cursor:pointer}.tabla-click tbody tr:hover{background:var(--color-superficie)}.fila-on{background:#eaf4f0}.fila-dim{opacity:.45}.celda-barra{display:flex;align-items:center;gap:8px}.celda-barra-pista{width:60px;height:8px;background:var(--color-superficie);border-radius:999px;overflow:hidden}.celda-barra-valor{height:100%;background:var(--color-primario)}.celda-barra-obs{background:#6fb7a6}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.72rem;background:#e4ece8}.badge-ev-ok{background:#e3f3e1;color:var(--color-exito)}.badge-ev-warn{background:#faf1dc;color:var(--color-advertencia)}.badge-ev-bad{background:#f8e2e2;color:var(--color-error)}.dato-distancia{color:#7c8b85;font-size:.72rem;margin-left:4px}.tag{display:inline-block;margin-top:4px;font-size:.7rem;padding:1px 8px;border-radius:999px}.tag.ev-ok{background:#e3f3e1;color:var(--color-exito)}.tag.ev-warn{background:#faf1dc;color:var(--color-advertencia)}.tag.ev-bad{background:#f8e2e2;color:var(--color-error)}.leyenda{display:flex;flex-wrap:wrap;gap:12px;font-size:.75rem;margin-bottom:10px;color:#5b6b65}.leyenda-item{display:inline-flex;align-items:center;gap:6px}.leyenda-item i{width:10px;height:10px;border-radius:2px;display:inline-block}.barra-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.barra-fila{display:grid;grid-template-columns:170px 1fr 70px;align-items:center;gap:10px;font-size:.82rem}.barra-dim{opacity:.4}.barra-pista{height:10px;background:var(--color-superficie);border-radius:999px;overflow:hidden}.barra-valor{height:100%;border-radius:999px}.barra-pista-apilada{height:12px}.barra-apilada{height:100%;display:flex}.barra-apilada span{height:100%}.barra-total{text-align:right;color:#5b6b65}.tabla-heatmap th,.tabla-heatmap td{text-align:center;white-space:nowrap}.tabla-heatmap th:first-child,.tabla-heatmap td:first-child{text-align:left}.columna-on{color:var(--color-primario)}.celda-atenuada{opacity:.35}.bulk-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio);padding:10px 12px;margin:10px 0 16px;font-size:.82rem}.bulk-box input{padding:6px 9px;border:1px solid var(--color-borde);border-radius:8px}.mensaje{font-size:.8rem}.mensaje.ev-ok{color:var(--color-exito)}.mensaje.ev-warn{color:var(--color-advertencia)}.mensaje.ev-bad{color:var(--color-error)}.tabla-plan input[type=text],.tabla-plan input[type=date]{padding:5px 8px;border:1px solid var(--color-borde);border-radius:6px;width:140px}.tabla-plan textarea{padding:5px 8px;border:1px solid var(--color-borde);border-radius:6px;width:220px;min-height:48px;resize:vertical}.login-pantalla{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-superficie)}.login-tarjeta{display:flex;flex-direction:column;gap:14px;width:320px;padding:32px;background:var(--color-fondo);border-radius:var(--radio);border:1px solid var(--color-borde)}.login-logo{width:100%;height:auto}.login-tarjeta label{display:flex;flex-direction:column;gap:6px;font-size:.85rem}.login-tarjeta input{padding:8px 10px;border:1px solid var(--color-borde);border-radius:8px;font-size:.9rem}.login-tarjeta form{display:flex;flex-direction:column;gap:14px}.login-ayuda{font-size:.85rem;opacity:.7;margin:0}.login-separador{display:flex;align-items:center;gap:10px;font-size:.8rem;opacity:.6}.login-separador:before,.login-separador:after{content:"";flex:1;height:1px;background:var(--color-borde)}.login-google{display:flex;justify-content:center}.login-tarjeta form button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:none;border-radius:8px;background:var(--color-primario);color:#fff;font-weight:600;cursor:pointer}.login-error{color:var(--color-error);font-size:.85rem;margin:0}.dash-skeleton-pantalla{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#5b6b65}.dash-skeleton,.dash-error{padding:40px 0;text-align:center;color:#5b6b65}.dash-error{color:var(--color-error)}.form-usuario{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.form-usuario input,.form-usuario select{padding:7px 10px;border:1px solid var(--color-borde);border-radius:8px}@media (max-width: 860px){.grid-2{grid-template-columns:1fr}.header-menu{display:flex}.header-usuario-nombre{display:none}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:min(260px,80vw);transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 16px #00000026}.sidebar-abierto{transform:translate(0)}.sidebar-cerrar{display:flex}.sidebar-fondo{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f191666;z-index:20}}@media (max-width: 640px){.header{padding:14px 16px}.header h1{font-size:1rem}.ev{padding:16px 16px 32px}.ev-title{font-size:1.2rem}.kpi-grid{grid-template-columns:1fr}.col-opcional{display:none}.barra-fila{grid-template-columns:110px 1fr 46px;gap:6px;font-size:.78rem}.ev-filters{align-items:stretch}.ev-filters input,.ev-filters select,.ev-btn{width:100%}.ev-filters .conteo{margin-left:0}.bulk-box{flex-direction:column;align-items:stretch}.bulk-box input,.bulk-box select,.bulk-box .ev-btn{width:100%}.tabla-plan input[type=text],.tabla-plan input[type=date],.tabla-plan select,.tabla-plan textarea{width:160px}.form-usuario{flex-direction:column;align-items:stretch}.form-usuario input,.form-usuario select,.form-usuario .ev-btn{width:100%}}@media (max-width: 380px){.login-tarjeta{width:100%}.login-pantalla{padding:16px}}