:root{--bg: #f5f7fb;--panel: #ffffff;--panel-2: #eef2fa;--surface: #ffffff;--surface-sunken: #f1f4fa;--zebra: #f7f9fd;--row-hover: #e8f0fd;--border: #dde4f0;--border-strong: #c6d1e3;--gold: #0a5cdb;--gold-dim: #073f99;--accent-bright: #14a0ff;--navy: #0b1930;--text: #10182a;--text-dim: #57627a;--text-faint: #8993a8;--on-accent: #ffffff;--green: #1c8f52;--amber: #a66a12;--red: #c43c3c;--green-bg: #e6f4ec;--amber-bg: #faf0dd;--red-bg: #f9e8e8;--focus: rgba(20, 160, 255, .28);--shadow-sm: 0 1px 2px rgba(11, 25, 48, .07);--shadow-md: 0 1px 2px rgba(11, 25, 48, .06), 0 10px 28px rgba(11, 25, 48, .08);--r-sm: 6px;--r-md: 9px;--r-lg: 14px;--font-display: "Manrope", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;text-wrap:balance}button,input,select{font-family:var(--font-body)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}input,select,textarea{font-size:13.5px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:8px 10px;outline:none;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--accent-bright);box-shadow:0 0 0 3px var(--focus)}::selection{background:var(--focus)}.login-pantalla{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--bg);position:relative;overflow:hidden}.login-pantalla:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(760px 460px at 50% -8%,rgba(20,160,255,.16),transparent 70%);pointer-events:none}.login-logo{display:block;height:76px;width:auto;margin:0 auto 6px}.login-tarjeta{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:30px 28px;width:360px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:8px}.login-tarjeta h1{font-size:20px;margin:0;text-align:center;color:var(--text)}.subtitulo{text-align:center;color:var(--text-dim);margin:0 0 18px;font-size:13px}.login-tarjeta label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-dim);margin-top:10px}.login-tarjeta button{margin-top:20px;padding:10px;border:1px solid var(--gold);border-radius:var(--r-sm);background:var(--gold);color:#fff;font-family:var(--font-display);font-weight:700;font-size:13.5px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.login-tarjeta button:hover:not(:disabled){background:var(--accent-bright);border-color:var(--accent-bright)}.login-tarjeta button:disabled{opacity:.6;cursor:default}.login-pie{position:relative;text-align:center;margin:16px 0 0;font-size:10px;letter-spacing:2px;color:var(--text-faint);font-family:var(--font-mono);text-transform:uppercase}.error{color:var(--red);font-size:13px;margin:4px 0 0}.layout{height:100vh;display:flex;flex-direction:column;overflow:hidden}.nav-shell{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:14px 24px;background:linear-gradient(180deg,#eef4ff,#e3edfd);color:var(--text);border-bottom:1px solid var(--border);flex-wrap:wrap}.marca{display:flex;align-items:center;gap:10px}.marca-icono{display:block;height:38px;width:auto;flex-shrink:0}.marca h1{margin:0;font-size:18px;color:var(--text);line-height:1.2}.marca .eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--gold);margin-top:3px}.usuario-info{display:flex;align-items:center;gap:14px}.usuario-tarjeta{display:flex;align-items:center;gap:9px}.usuario-avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--panel);border:1px solid var(--border-strong);color:var(--gold);font-family:var(--font-display);font-weight:700;font-size:11.5px;flex-shrink:0}.usuario-tarjeta p{margin:0;color:var(--text);font-weight:600;font-size:12.5px;line-height:1.3}.usuario-info .permisos{color:var(--text-dim);font-size:11px;margin:0}.usuario-info button{display:flex;align-items:center;gap:7px;padding:7px 13px;background:var(--panel);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-sm);cursor:pointer;font-family:var(--font-display);font-size:12px;font-weight:600;transition:background .12s ease,border-color .12s ease}.usuario-info button:hover{background:var(--row-hover);border-color:var(--gold)}.barra{display:flex;gap:2px;background:var(--gold);border-bottom:1px solid var(--gold-dim);flex-wrap:wrap;padding:0 18px;overflow-x:auto}.barra a{display:inline-flex;align-items:center;gap:7px;color:#fffc;text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:12.5px;letter-spacing:.01em;padding:13px 14px;white-space:nowrap;border-bottom:2.5px solid transparent;transition:color .12s ease}.barra a svg{flex-shrink:0;opacity:.85}.barra a:hover{color:#fff}.barra a.active{color:#fff;border-bottom-color:#fff}.barra a.active svg{opacity:1}.contenido{flex:1;min-width:0;max-width:1280px;width:100%;margin:0 auto;padding:28px 24px 70px;overflow-y:auto}.nav-shell,.barra{flex-shrink:0}.contenido h1{font-size:22px;font-weight:800;margin:0 0 16px;color:var(--text)}.tarjeta{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:22px;box-shadow:var(--shadow-sm)}.pestanas{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:20px;border-bottom:1px solid var(--border)}.pestana{padding:10px 14px;border:none;background:none;color:var(--text-dim);font-family:var(--font-display);font-weight:600;font-size:12.5px;cursor:pointer;border-bottom:2.5px solid transparent;transition:color .12s ease}.pestana:hover{color:var(--text)}.pestana.activa{color:var(--gold);border-bottom-color:var(--gold);background:none}.tabla-config{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm)}.tabla-config th,.tabla-config td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:13px}.tabla-config th{font-family:var(--font-display);background:var(--panel-2);font-weight:600;color:var(--text-dim);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}.tabla-config tbody tr:hover{background:var(--row-hover)}.tabla-config input[type=text],.tabla-config input[type=number]{width:100%;padding:5px 8px;font-size:13px}.tabla-config .acciones{display:flex;gap:6px}.tabla-config button{padding:5px 10px;font-family:var(--font-display);font-size:11.5px;font-weight:600;border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--r-sm);cursor:pointer;transition:all .12s ease}.tabla-config button:hover{border-color:var(--gold);color:var(--gold)}.tabla-config button.peligro{color:var(--red);border-color:#eecaca}.tabla-config button.peligro:hover{background:var(--red-bg);border-color:var(--red)}.aviso{display:flex;align-items:center;gap:8px;background:var(--amber-bg);color:var(--amber);padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:13px;font-weight:500;margin-bottom:12px}.mensaje{display:flex;align-items:center;gap:8px;background:var(--panel-2);color:var(--gold-dim);padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:13px;font-weight:500;margin-bottom:12px}.agregar-fila{margin-top:24px;background:var(--panel);padding:18px;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.agregar-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:10px 0}.agregar-campos label{display:flex;flex-direction:column;font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--text-dim);gap:4px}.agregar-campos input{padding:7px 9px}.cargas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:32px}.carga-tarjeta{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease}.carga-tarjeta:hover{box-shadow:var(--shadow-md)}.carga-tarjeta h2{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;margin:0}.carga-tarjeta h2 svg{color:var(--gold);flex-shrink:0}.carga-descripcion{font-size:13px;color:var(--text-dim);margin:0 0 4px}.carga-boton{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-align:center;padding:9px 14px;background:var(--gold);color:#fff;border-radius:var(--r-sm);font-family:var(--font-display);font-size:12.5px;font-weight:700;cursor:pointer;transition:background .12s ease}.carga-boton:hover{background:var(--accent-bright)}.carga-boton input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.carga-resultado{margin-top:8px;border-top:1px solid var(--border);padding-top:8px}.carga-resultado-titulo{font-size:13px;font-weight:600;margin:0 0 6px}.reporte-ok{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--green);font-weight:600;margin:0}.reporte-resumen{font-size:13px;color:var(--text-dim);margin:0 0 8px}.reporte-bloque{margin-bottom:10px}.reporte-titulo-bloque{font-family:var(--font-display);font-size:11.5px;font-weight:700;color:var(--amber);margin:0 0 4px}.reporte-bloque ul{margin:0;padding-left:18px;font-size:12px;color:var(--text-dim)}.reporte-mas{font-size:12px;color:var(--text-faint);margin:2px 0 0}.historial-titulo{font-size:16px;font-weight:700;margin:0 0 12px}.buscador-fechas{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;background:var(--surface-sunken);border:1px solid var(--border);padding:14px 16px;border-radius:var(--r-md);margin-bottom:14px}.buscador-fechas label{display:flex;flex-direction:column;font-family:var(--font-display);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);gap:5px}.buscador-fechas input[type=date],.buscador-fechas input[type=text],.buscador-fechas select{padding:7px 9px;font-size:13px;min-height:34px;background:var(--surface)}.presets{display:flex;gap:6px}.presets button{padding:7px 11px;font-family:var(--font-display);font-size:11.5px;font-weight:600;border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;cursor:pointer;transition:all .12s ease}.presets button:hover{border-color:var(--gold);color:var(--gold)}.buscador-fechas>button:not(.presets button):not(.boton-primario){padding:8px 14px;border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--r-sm);font-family:var(--font-display);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .12s ease;min-height:34px}.buscador-fechas>button:not(.presets button):not(.boton-primario):hover{border-color:var(--gold);color:var(--gold)}.boton-primario{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;background:var(--gold);color:#fff;border:1px solid var(--gold);border-radius:var(--r-sm);font-family:var(--font-display);font-size:12.5px;font-weight:700;cursor:pointer;transition:background .12s ease}.boton-primario:hover:not(:disabled){background:var(--accent-bright);border-color:var(--accent-bright)}.boton-primario:disabled{opacity:.6;cursor:default}.periodo-info{font-size:13px;color:var(--text-dim);margin:0 0 16px}.tablero-mes{font-size:20px;font-weight:800;color:var(--text);margin:2px 0 4px}.tabla-scroll{overflow-x:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b19308c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal-caja{background:var(--panel);border-radius:var(--r-lg);padding:22px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md)}.modal-caja h2{margin-top:0;font-size:16px}.modal-campos{display:flex;flex-direction:column;gap:10px;margin:14px 0}.modal-campos label{display:flex;flex-direction:column;font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--text-dim);gap:4px}.modal-campos input[type=text],.modal-campos input[type=password]{padding:7px 9px;font-size:13px}.modal-permisos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 12px}.modal-permisos label{flex-direction:row;align-items:center}.modal-botones{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:8px}.tabla-asesores{border-collapse:collapse;width:100%;font-size:12.5px;white-space:nowrap}.tabla-asesores th,.tabla-asesores td{padding:8px 12px;border-bottom:1px solid var(--border);text-align:left}.tabla-asesores td{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tabla-asesores th{font-family:var(--font-display);background:var(--panel-2);font-weight:600;color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:1}.tabla-asesores tbody tr:nth-child(2n){background:var(--zebra)}.tabla-asesores tbody tr:hover{background:var(--row-hover)}.tabla-asesores tr.fila-inhabil{color:var(--text-faint)}.tabla-asesores tfoot .fila-total,.tabla-asesores tbody tr.fila-total{background:var(--panel-2)!important;font-weight:700;color:var(--gold)}.tabla-asesores tfoot .fila-total td,.tabla-asesores tbody tr.fila-total td{border-top:1px solid var(--border-strong);border-bottom:none}.etiqueta{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font-family:var(--font-display);font-size:10.5px;font-weight:700;background:var(--panel-2);color:var(--text-dim)}.etiqueta:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.etiqueta-activo,.etiqueta-ok,.etiqueta-cuartil-A{background:var(--green-bg);color:var(--green)}.etiqueta-baja,.etiqueta-cuartil-D{background:var(--red-bg);color:var(--red)}.etiqueta-psg,.etiqueta-cuartil-C{background:var(--amber-bg);color:var(--amber)}.etiqueta-vacaciones{background:#e0edfc;color:#2563eb}.etiqueta-incapacidad{background:#f3e8fd;color:#7c3aed}.etiqueta-no{background:var(--panel-2);color:var(--text-dim)}.etiqueta-cuartil-B{background:var(--panel-2);color:var(--gold-dim)}.seccion-titulo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:26px 0 14px}.seccion-titulo:after{content:"";flex:1;height:1px;background:var(--border)}.fila-tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.tarjeta-meta{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 18px;box-shadow:var(--shadow-sm);border-left:3px solid var(--text-faint)}.tarjeta-meta-ok{border-left-color:var(--green)}.tarjeta-meta-no{border-left-color:var(--red)}.tarjeta-meta-titulo{font-family:var(--font-display);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin:0 0 8px}.tarjeta-meta-valor{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:23px;font-weight:600;margin:0;color:var(--text)}.tarjeta-meta-objetivo{font-size:12px;color:var(--text-faint);margin:5px 0 0}.tarjeta-meta-estado{display:inline-block;margin:8px 0 0;padding:2px 9px;border-radius:999px;font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:var(--panel-2);color:var(--text-dim)}.tarjeta-meta-ok .tarjeta-meta-estado{background:var(--green-bg);color:var(--green)}.tarjeta-meta-no .tarjeta-meta-estado{background:var(--red-bg);color:var(--red)}.tarjeta-avance{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 18px;box-shadow:var(--shadow-sm)}.tarjeta-avance-titulo{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--text-dim);margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em}.tarjeta-avance-numero{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;margin:0 0 9px;color:var(--text)}.tarjeta-avance-de{font-size:13px;font-weight:400;color:var(--text-faint)}.barra-progreso{height:6px;background:var(--panel-2);border-radius:999px;overflow:hidden;margin-bottom:9px}.barra-progreso-relleno{height:100%;background:var(--gold);border-radius:999px;transition:width .4s ease}.tarjeta-avance-detalle{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text-dim);margin-top:4px}.tarjeta-avance-detalle .mono,.tarjeta-avance-detalle{font-family:var(--font-mono)}.tarjeta-avance-fila{display:flex;justify-content:space-between;gap:12px}.tarjeta-avance-fila span:last-child{color:var(--text);white-space:nowrap}.metrica-simple{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:16px;text-align:center;box-shadow:var(--shadow-sm)}.metrica-simple-numero{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:25px;font-weight:600;margin:0;color:var(--text)}.metrica-simple-etiqueta{font-family:var(--font-display);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim);margin:6px 0 0}.bloque-kpi-dia{margin-bottom:32px}.bloque-kpi-encabezado{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;padding:0;margin:0 0 8px;cursor:pointer;text-align:left}.bloque-kpi-flecha{font-size:12px;color:var(--text-faint)}.bloque-kpi-fila-encabezado{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0 0 8px}.bloque-kpi-titulo-boton{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;cursor:pointer;text-align:left}.boton-pdf-bloque{display:flex;align-items:center;gap:5px;flex-shrink:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);padding:5px 10px;font-family:var(--font-display);font-size:10.5px;font-weight:600;color:var(--text-dim);cursor:pointer}.boton-pdf-bloque:hover{border-color:var(--gold);color:var(--gold-dim)}.boton-pdf-bloque:disabled{opacity:.6;cursor:default}.grafica-barras-contenedor{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--border);padding:14px;border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.grafica-barras-svg{flex:1;min-width:0;width:100%;height:200px;display:block}.grafica-dona-resultado{flex-shrink:0;width:140px;text-align:center;border-left:1px solid var(--border);padding-left:16px}.grafica-dona-svg{width:100%;max-width:130px;height:auto}.grafica-dona-real{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px;color:var(--text-dim);margin:2px 0 0}@media (max-width: 768px){.grafica-barras-contenedor{flex-direction:column}.grafica-dona-resultado{border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:12px;width:100%}}.graficas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.graficas-grid-tablero{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:14px;align-items:stretch}.grafica-tarjeta{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;text-align:center;box-shadow:var(--shadow-sm)}.grafica-titulo{font-family:var(--font-display);font-size:11.5px;font-weight:700;color:var(--text-dim);margin:0 0 4px}.grafica-svg{width:100%;max-width:150px;height:auto}.grafica-tarjeta-ancha{display:flex;flex-direction:column}.grafica-svg-ancha{width:100%;max-width:100%;height:auto;flex:1}.grafica-valores{display:flex;justify-content:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-dim);margin-top:4px}.grafica-leyenda{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;font-size:11px;color:var(--text-dim);margin-top:6px}.grafica-leyenda i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:3px;vertical-align:middle}@media (max-width: 768px){.graficas-grid,.graficas-grid-tablero{grid-template-columns:1fr}.nav-shell{padding:12px 14px;gap:10px}.marca h1{font-size:15px}.usuario-tarjeta p{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usuario-info .permisos{display:none}.barra{padding:0 8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.barra a{padding:10px;font-size:12px;flex-shrink:0}.contenido{padding:16px}.contenido h1{font-size:18px}.buscador-fechas{padding:10px 12px}.fila-tarjetas{grid-template-columns:1fr 1fr}.cargas-grid,.agregar-campos{grid-template-columns:1fr}}@media (max-width: 420px){.fila-tarjetas{grid-template-columns:1fr}.login-tarjeta{width:90vw}}