:root{color-scheme:light;--plane: #f9f9f7;--surface: #fcfcfb;--ink: #212121;--ink-2: #5b5a5a;--muted: #9e9e9e;--grid: #e1e0d9;--baseline: #c3c2b7;--ring: rgba(33, 33, 33, .1);--s1: #9940f2;--s2: #eb6834;--s3: #1baf7a;--good: #0ca30c;--good-text: #006300;--warn: #fab219;--serious: #ec835a;--crit: #fa4149;--accent-dark: #330767;--seq250: #e4d1fb;--seq350: #c9a3f7;--seq400: #b478ee;--seq450: #9940f2;--seq500: #6b1fb8;--seq550: #330767}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--plane);color:var(--ink);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.6}.wrap{max-width:2400px;margin:0 auto;padding:40px clamp(24px,5vw,64px) 96px}.app-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:20px;margin-bottom:36px}.app-header h1{font-size:22px;font-weight:700;letter-spacing:-.01em}.app-header .user{font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:12px}.app-header .user button{font:inherit;font-size:12.5px;font-weight:600;color:var(--ink-2);background:transparent;border:1px solid var(--ring);border-radius:6px;padding:5px 10px;cursor:pointer}.app-header .user button:hover{background:var(--grid);color:var(--ink)}.app-header .user button:disabled{opacity:.6;cursor:default}[data-section=refrescar-estado]{font-size:12px;max-width:220px}[data-section=refrescar-estado].error{color:var(--crit)}.app-nav{display:flex;gap:4px}.app-nav a{font-size:13px;font-weight:600;color:var(--ink-2);text-decoration:none;padding:6px 12px;border-radius:6px}.app-nav a:hover{background:var(--grid);color:var(--ink)}.app-nav a.activo{background:var(--s1);color:#fff}.login-screen{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.login-screen .kicker{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.login-screen h1{font-size:28px;font-weight:750}.login-screen a.google-btn{display:inline-flex;align-items:center;gap:10px;margin-top:12px;font-weight:600;font-size:14px;color:#fff;background:var(--s1);border-radius:10px;padding:12px 22px;text-decoration:none}.login-screen a.google-btn:hover{background:var(--accent-dark)}[data-section=error]{background:#fdeceb;color:#a02c2c;border:1px solid #f0b8b3;border-radius:10px;padding:16px 20px;margin-bottom:24px;font-size:13.5px;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-section=filtros]{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;margin-bottom:32px;position:relative}.filtro-grupo{display:flex;flex-direction:column}.filtro-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}[data-section=filtros] select,[data-section=filtros] input[type=date],.multiselect-trigger{font:inherit;font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--ring);border-radius:8px;padding:7px 10px}[data-section=filtros] select:hover,[data-section=filtros] input[type=date]:hover,.multiselect-trigger:hover{border-color:var(--baseline)}[data-section=filtros] select:focus-visible,[data-section=filtros] input[type=date]:focus-visible,.multiselect-trigger:focus-visible{outline:2px solid var(--s1);outline-offset:1px}select[data-filtro=periodo]{font-weight:600}[data-periodo-personalizado]{display:inline-flex;gap:8px}.filtro-grupo input[type=text]{font:inherit;padding:6px 10px;border:1px solid var(--grid);border-radius:6px;background:var(--surface);color:var(--ink);min-width:200px}.filtro-grupo-checkbox{align-items:center}.filtro-checkbox-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.multiselect{position:relative}.multiselect-trigger{min-width:150px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.multiselect-trigger:after{content:"▾";float:right;margin-left:8px;color:var(--muted)}.multiselect-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:200px;max-height:260px;overflow-y:auto;background:var(--surface);border:1px solid var(--ring);border-radius:8px;box-shadow:0 8px 20px #0b0b0b1a;padding:6px}.multiselect-panel label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);padding:6px 8px;border-radius:6px;cursor:pointer}.multiselect-panel label:hover{background:var(--plane)}.multiselect-panel input[type=checkbox]{width:15px;height:15px;accent-color:var(--s1);cursor:pointer}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:32px}.tile{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:20px 22px;box-shadow:0 1px 2px #2121210a}.tile.hero .t-value{font-size:34px}.tile .t-label{font-size:12.5px;font-weight:600;color:var(--ink-2)}.tile .t-value{font-size:26px;font-weight:700;letter-spacing:-.01em;margin-top:4px;font-variant-numeric:tabular-nums}.tile .t-target{font-size:12px;color:var(--muted);margin-top:4px}.tile.good{border-color:var(--good)}.tile.warn{border-color:var(--warn)}.tile.crit{border-color:var(--crit)}.tile .t-badge{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a5a00;background:#fdf3e0;border-radius:999px;padding:2px 9px;margin-top:8px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}@media(max-width:820px){.chart-grid{grid-template-columns:1fr}}.chart-card{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:24px 26px}.resumen-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}@media(max-width:820px){.resumen-layout{grid-template-columns:1fr}}.card-mini{background:var(--plane);border:1px solid var(--ring);border-radius:10px;padding:14px 16px}.chart-card h3{font-size:14.5px;font-weight:700;margin-bottom:16px}.legend{display:flex;gap:16px;margin-top:8px;flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2);font-weight:500}.legend .key{width:14px;height:3px;border-radius:2px;flex:none}.chart-note{font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px}.panel-zona{border-top:2px solid var(--ink);padding-top:14px;margin-top:32px}[data-section=error]+.panel-zona{margin-top:0}.panel-zona-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.panel-zona-titulo{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:2px 0 14px}[data-section=filtros-alerta]{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}[data-section=filtros-alerta] button{font-size:12.5px;font-weight:600;color:var(--ink-2);background:var(--surface);border:1px solid var(--ring);border-radius:999px;padding:6px 14px;cursor:pointer}[data-section=filtros-alerta] button:hover{background:var(--grid)}[data-section=filtros-alerta] button.activo{background:var(--s1);border-color:var(--s1);color:#fff}[data-section=detalle]{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:20px 24px;margin-bottom:16px}[data-section=detalle] [data-action=saltar]{margin-left:10px;background:none;border:1px solid var(--ring);color:var(--ink-2)}[data-section=paginacion]{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13px;color:var(--ink-2)}svg text{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif}.ax{font-size:11px;fill:var(--muted)}.barra-valor{font-size:12.5px;font-weight:700;fill:var(--ink)}.barra-pct{font-size:11px;fill:var(--muted)}[data-section=tabla]{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:24px 26px}[data-section=tabla] .table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--baseline);white-space:nowrap}td{padding:12px 14px;border-bottom:1px solid var(--grid);vertical-align:top;color:var(--ink)}tbody tr:hover{background:var(--plane)}tbody tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.celda-editable select{font:inherit;font-size:13px;color:var(--ink);background:var(--plane);border:1px solid var(--ring);border-radius:6px;padding:4px 8px;max-width:180px}.celda-editable select:disabled{opacity:.6}.celda-editable-estado{display:block;font-size:11px;font-weight:600;margin-top:3px}.celda-editable-estado.ok{color:var(--good-text)}.celda-editable-estado.crit{color:var(--crit)}.celda-editable input[type=text],.celda-editable input[type=date]{font:inherit;padding:4px 6px;border:1px solid var(--grid);border-radius:6px;background:var(--surface);color:var(--ink);min-width:120px}.celda-editable input:disabled{opacity:.6}.badge-pendiente{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--ink);font-size:12px;font-weight:600;margin-right:6px;white-space:nowrap}.fila-pendiente{background:color-mix(in srgb,var(--warn) 6%,transparent)}.bant-leyenda{font-size:13px;color:var(--ink-2);margin:0 0 12px}.estado-pill{display:inline-block;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px}.estado-pill.abierta{background:#e9f1fb;color:#1c5cab}.estado-pill.vendida{background:#eafaea;color:var(--good-text)}.estado-pill.perdida{background:#fdeceb;color:#a02c2c}.tabla-pie{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}.tabla-paginacion{font-size:12.5px;color:var(--muted)}.tabla-pager{display:flex;gap:8px;flex:none}.tabla-pager button{font:inherit;font-size:12.5px;font-weight:600;color:var(--ink-2);background:var(--surface);border:1px solid var(--ring);border-radius:6px;padding:6px 12px;cursor:pointer}.tabla-pager button:hover:not(:disabled){background:var(--grid);color:var(--ink)}.tabla-pager button:disabled{opacity:.4;cursor:not-allowed}[data-section=resumen]{font-size:13.5px;color:var(--ink-2);margin-bottom:16px}[data-section=lista],[data-section=detalle]{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:24px 26px;margin-bottom:20px}[data-section=lista] [data-action=revisar]{font:inherit;font-size:12.5px;font-weight:600;color:#fff;background:var(--s1);border:none;border-radius:6px;padding:6px 12px;cursor:pointer}[data-section=lista] [data-action=revisar]:hover{background:var(--accent-dark)}[data-section=detalle] h3{font-size:15px;font-weight:700;margin-bottom:6px}[data-section=detalle]>p{font-size:13px;color:var(--ink-2);margin-bottom:18px}[data-section=detalle] h4{font-size:13px;font-weight:700;margin:20px 0 10px}form[data-form]{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}form[data-form] label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}form[data-form] input,form[data-form] select{font:inherit;font-size:13px;color:var(--ink);background:var(--plane);border:1px solid var(--ring);border-radius:8px;padding:7px 10px;min-width:160px}form[data-form] button[type=submit]{font:inherit;font-size:13px;font-weight:600;color:#fff;background:var(--s1);border:none;border-radius:8px;padding:9px 16px;cursor:pointer;height:fit-content}form[data-form] button[type=submit]:hover{background:var(--accent-dark)}[data-section=lineas-producto]{border-top:1px solid var(--grid);padding-top:16px;margin-top:16px}[data-section=lineas-lista]{margin-bottom:14px}[data-section=kpis-generales] .chart-card,[data-section=resumen] .chart-card,[data-section=cupo] .chart-card,[data-section=higiene] .chart-card,[data-section=big-rocks] .chart-card,[data-section=todo-list] .chart-card{margin-bottom:20px}.direccion{display:block;font-size:12px;font-weight:600;margin-top:2px}.direccion.good{color:var(--good-text)}.direccion.crit{color:var(--crit)}.direccion.muted{color:var(--muted)}.flag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;white-space:nowrap}.flag.ok{color:var(--good-text)}.flag.warn{color:#8a5a00}.flag.crit{color:var(--crit)}.semaforo{display:inline-flex;align-items:center;gap:4px;font-size:20px;font-weight:700}.semaforo .t-value{font-size:inherit}.cupo-barra{position:relative;width:100%;height:10px;margin:40px 0 10px}.cupo-barra-fill-clip{width:100%;height:100%;border-radius:999px;background:var(--grid);overflow:hidden}.cupo-avance{height:100%;background:var(--s1);border-radius:999px}.cupo-marca{position:absolute;top:0;width:2px;height:100%;transform:translate(-1px)}.cupo-marca-etiqueta{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px;line-height:1;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--surface);border:1px solid var(--ring);color:var(--ink)}.cupo-marca.nivel-bajo .cupo-marca-etiqueta{bottom:calc(100% + 4px)}.cupo-marca.nivel-alto .cupo-marca-etiqueta{bottom:calc(100% + 32px)}.cupo-marca.gris-punteado{background:repeating-linear-gradient(to bottom,var(--muted) 0 2px,transparent 2px 4px)}.cupo-marca.ambar{background:var(--warn)}.cupo-marca.proyeccion{width:6px;height:6px;top:2px;border-radius:1px;transform:translate(-3px) rotate(45deg)}.cupo-marca.proyeccion.rojo{background:var(--crit)}.cupo-marca.proyeccion.ambar{background:var(--warn)}.cupo-marca.proyeccion.verde{background:var(--good)}.cupo-hero{display:flex;flex-wrap:wrap;gap:28px;margin:4px 0 6px}.cupo-hero-valor{font-size:40px;font-weight:700;letter-spacing:-.01em;margin-top:2px;color:var(--ink);font-variant-numeric:tabular-nums}.cupo-hero-comparativa{margin-top:8px}.cupo-hero-comparativa .direccion{font-size:16px;font-weight:700}.cupo-nota-destacada{font-size:14px;font-weight:600;color:var(--ink-2);margin:4px 0 16px}[data-section=higiene] th[data-orden]{cursor:pointer}[data-section=higiene] th[data-orden]:hover{color:var(--ink)}.big-rocks-lista{list-style:none;display:flex;flex-direction:column;gap:10px;margin:8px 0 18px}.big-rocks-lista li{display:flex;align-items:center;gap:10px;font-size:13.5px}.big-rocks-lista input[type=checkbox]{width:18px;height:18px;accent-color:var(--good)}.checklist-fila{background:var(--plane);border-radius:8px;padding:8px 12px!important}.checklist-cumplido{opacity:.55}.checklist-cumplido span:not(.flag){text-decoration:line-through}.selector-vendedor{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:16px 22px;margin-bottom:20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.selector-vendedor label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink-2)}.selector-vendedor select{font:inherit;font-size:13.5px;color:var(--ink);background:var(--plane);border:1px solid var(--ring);border-radius:8px;padding:7px 10px}.selector-vendedor .chart-note{margin:0}.week-header{font-size:17px;font-weight:700;color:var(--ink);padding-bottom:10px;margin-bottom:24px;border-bottom:2px solid var(--ink)}.pipeline-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:32px}.pipeline-columna{padding:14px 16px;box-shadow:0 1px 2px #2121210a;transition:box-shadow .2s ease-out,transform .2s ease-out}.pipeline-columna:hover{box-shadow:0 4px 10px #21212114;transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.pipeline-columna{transition:none}.pipeline-columna:hover{transform:none}}.pc-fase{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--ink-2);line-height:1.3;min-height:28px}.pc-principal{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:6px;padding-bottom:8px;border-bottom:1px solid var(--ring)}.pc-abiertas{font-size:30px;font-weight:700;letter-spacing:-.01em;line-height:1;font-variant-numeric:tabular-nums}.pc-delta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}.pc-mas{color:var(--good-text)}.pc-movidas{color:var(--ink-2)}.pc-menos{color:var(--crit)}.pipeline-board-legend{font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:10px}.pipeline-board-legend .pc-mas,.pipeline-board-legend .pc-movidas,.pipeline-board-legend .pc-menos{font-weight:700}.pipeline-board-legend-warn{color:#8a5a00;margin-left:4px}.pc-actividad{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.pc-act-ok,.pc-act-alerta{display:inline-flex;align-items:center;gap:4px}.pc-act-ok svg,.pc-act-alerta svg{flex:none}.pc-act-ok{color:var(--good-text)}.pc-act-alerta.alerta,.pc-act-alerta.critico{color:var(--crit)}.tabla-cierres .table-scroll{overflow-x:auto;margin-top:12px}.leaderboards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.leaderboard-lista{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:12px}.leaderboard-lista li{display:flex;align-items:center;gap:8px;font-size:13.5px}.leaderboard-lista strong{margin-left:auto;font-variant-numeric:tabular-nums}.leaderboard-pos{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:999px;background:var(--s1);color:#fff;font-size:11px;font-weight:700}