:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-1:#fcfcfb;--surface-2:#f9f9f7;--surface-card:#fff;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--gridline:#e1e0d9;--baseline:#c3c2b7;--border:#0b0b0b1a;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--status-good:#0ca30c;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#d03b3b;--status-neutral:#6d6c68;--whatsapp-bg:#e9ddd0;--whatsapp-in:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--surface-2:#0d0d0d;--surface-card:#232322;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--status-good:#0ca30c;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#e66767;--status-neutral:#9a9a95;--whatsapp-bg:#14201a;--whatsapp-in:#232322}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--surface-2:#0d0d0d;--surface-card:#232322;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--status-good:#0ca30c;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#e66767;--status-neutral:#9a9a95;--whatsapp-bg:#14201a;--whatsapp-in:#232322}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface-2);color:var(--text-primary)}button,input,select{font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--surface-card);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.app-header .brand{align-items:baseline;gap:10px;display:flex}.app-header h1{margin:0;font-size:18px;font-weight:700}.demo-badge{letter-spacing:.04em;background:var(--status-warning);color:#1a1a19;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.app-header .meta{color:var(--text-secondary);font-size:13px}.header-actions{align-items:center;gap:10px;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:7px 12px;font-size:13px}.theme-toggle:hover{background:var(--surface-2)}.app-body{flex-direction:column;flex:1;gap:18px;width:100%;max-width:1440px;margin:0 auto;padding:20px 24px 32px;display:flex}.toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.toolbar-row h2{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0;font-size:13px}.toolbar-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.date-range-filter{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.segmented{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600}.segmented button.active{background:var(--series-1);color:#fff}.segmented button:not(.active):hover{background:var(--surface-2)}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}@media (width<=1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-card{background:var(--surface-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.stat-card .stat-value{font-size:30px;font-weight:700;line-height:1.1}.stat-card .stat-sub{color:var(--text-secondary);font-size:12.5px}.stat-card .stat-sub.good{color:var(--status-good)}.stat-card .stat-sub.critical{color:var(--status-critical)}.split-bar-track{background:var(--gridline);border-radius:999px;height:10px;margin-top:4px;display:flex;overflow:hidden}.split-bar-seg{height:100%}.split-legend{color:var(--text-secondary);gap:14px;margin-top:6px;font-size:12px;display:flex}.split-legend .dot{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.dual-bar-track{background:var(--gridline);border-radius:999px;gap:2px;height:10px;margin-top:4px;display:flex;overflow:hidden}.dual-bar-seg{border-radius:999px;height:100%}.content-row{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}@media (width<=980px){.content-row{grid-template-columns:1fr}}.panel{background:var(--surface-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.panel-header h2{margin:0;font-size:14px;font-weight:700}.filters-row{flex-wrap:wrap;gap:8px;display:flex}.filters-row input,.filters-row select{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:8px;padding:6px 10px;font-size:12.5px}.filters-row input{min-width:190px}.table-scroll{max-height:62vh;overflow:auto}table.leads-table,table.vendor-table{border-collapse:collapse;width:100%;font-size:13px}.leads-table thead th,.vendor-table thead th{background:var(--surface-card);text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;z-index:1;padding:9px 12px;font-size:11px;position:sticky;top:0}.leads-table tbody td,.vendor-table tbody td{border-bottom:1px solid var(--gridline);vertical-align:top;color:var(--text-primary);padding:9px 12px}.leads-table tbody tr,.vendor-table tbody tr{cursor:pointer}.leads-table tbody tr:hover,.vendor-table tbody tr:hover{background:var(--surface-1)}.leads-table tbody tr.selected,.vendor-table tbody tr.selected{background:color-mix(in srgb, var(--series-1) 12%, transparent)}.cell-name{font-weight:600}.recurrente-badge{color:var(--series-3);background:color-mix(in srgb, var(--series-3) 16%, transparent);white-space:nowrap;vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-block}.cell-sub{color:var(--text-muted);font-size:11.5px}.vendor-chip{align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.vendor-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge .badge-dot{border-radius:50%;width:6px;height:6px}.badge-dot-wrap{align-items:center;gap:6px;display:inline-flex}.badge-dot-wrap .badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 12px) 55%,calc(100% - 8px) 55%;background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #0000;border-radius:999px;padding:3px 20px 3px 8px;font-family:inherit;font-size:11.5px;font-weight:600}.badge-select:hover{border-color:currentColor}.badge-select:focus{outline:2px solid var(--series-1);outline-offset:1px}.date-filter-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.date-filter-label input[type=date]{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:8px;padding:5px 8px;font-size:12.5px}.modal-hint{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.4}.vendor-performance{margin-bottom:2px}.vendor-table tbody tr{cursor:pointer}.priority-alta{color:var(--status-critical)}.priority-media{color:var(--status-warning)}.priority-baja{color:var(--status-good)}.prioridad-select{appearance:none;cursor:pointer;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 8px) 55%,calc(100% - 4px) 55%;background-repeat:no-repeat;background-size:4px 4px,4px 4px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #0000;border-radius:6px;padding:3px 16px 3px 4px;font-family:inherit;font-size:13px;font-weight:600}.prioridad-select:hover{border-color:currentColor}.prioridad-select:focus{outline:2px solid var(--series-1);outline-offset:1px}.resp-badge{white-space:nowrap;font-size:11.5px;font-weight:600}.resp-badge.resp-ok{color:var(--status-good)}.resp-badge.resp-tarde{color:var(--status-serious)}.resp-badge.resp-pendiente{color:var(--text-muted)}.resp-badge.resp-vencido{color:var(--status-critical)}.empty-row td{text-align:center;color:var(--text-muted);padding:28px}.results-count{color:var(--text-muted);padding:0 16px 10px;font-size:12px}.reminders-list{flex-direction:column;display:flex}.reminder-row{border-bottom:1px solid var(--gridline);cursor:pointer;align-items:center;gap:14px;padding:10px 16px;font-size:13px;display:flex}.reminder-row:last-child{border-bottom:none}.reminder-row:hover{background:var(--surface-1)}.reminder-row.vencido{background:color-mix(in srgb, var(--status-critical) 8%, transparent)}.reminder-row.hoy{background:color-mix(in srgb, var(--status-warning) 10%, transparent)}.reminder-fecha{white-space:nowrap;color:var(--text-secondary);font-weight:600}.reminder-nombre{white-space:nowrap;font-weight:700}.reminder-nota{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.reminder-done-btn{white-space:nowrap;padding:4px 10px;font-size:11.5px}.recordatorios-section{flex-direction:column;gap:8px;display:flex}.recordatorio-item{background:var(--surface-1);border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12.5px;display:flex}.recordatorio-item.vencido{background:color-mix(in srgb, var(--status-critical) 12%, transparent)}.recordatorio-item.hoy{background:color-mix(in srgb, var(--status-warning) 14%, transparent)}.recordatorio-item.cumplido{opacity:.5;text-decoration:line-through}.recordatorio-fecha{white-space:nowrap;font-weight:700}.recordatorio-nota{flex:1}.recordatorio-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recordatorio-form input[type=date]{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:8px;padding:6px 8px;font-size:12.5px}.recordatorio-form input[type=text]{border:1px solid var(--border);background:var(--surface-1);min-width:140px;color:var(--text-primary);border-radius:8px;flex:1;padding:6px 8px;font-size:12.5px}.cliente-timeline{flex-direction:column;gap:8px;display:flex}.timeline-item{border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:8px 10px}.timeline-item:hover{background:var(--surface-1)}.timeline-item-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.timeline-fecha{color:var(--text-secondary);font-size:11.5px;font-weight:700}.timeline-producto{color:var(--text-primary);font-size:12.5px;font-weight:600}.timeline-monto{color:var(--status-good);font-size:12.5px;font-weight:700}.timeline-mensaje{color:var(--text-muted);margin-top:3px;font-size:12px;font-style:italic}.chat-panel{position:sticky;top:16px}.chat-empty{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:13px}.chat-contact{align-items:center;gap:10px;display:flex}.chat-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.chat-contact-name{font-size:13.5px;font-weight:700}.chat-contact-sub{color:var(--text-muted);font-size:11.5px}.detail-body{flex-direction:column;gap:12px;max-height:62vh;padding:14px 16px;display:flex;overflow-y:auto}.detail-actions-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.copy-phone-btn{align-self:flex-start}.copy-phone-inline{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11.5px}.copy-phone-inline:hover{color:var(--series-1);text-decoration:underline}.recurrente-aviso{color:var(--text-primary);background:color-mix(in srgb, var(--series-3) 12%, transparent);border:1px solid color-mix(in srgb, var(--series-3) 35%, transparent);border-radius:8px;padding:8px 10px;font-size:12.5px;line-height:1.4}.mensaje-cliente{background:var(--whatsapp-bg);border-radius:10px;padding:10px 12px}.mensaje-cliente-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:4px;font-size:10.5px;font-weight:700}.mensaje-cliente-text{color:#1a1a1a;background:var(--whatsapp-in);border-radius:8px;padding:8px 10px;font-size:13px;font-style:italic;line-height:1.4}.venta-box{background:color-mix(in srgb, var(--status-good) 12%, transparent);border:1px solid color-mix(in srgb, var(--status-good) 30%, transparent);border-radius:10px;padding:10px 12px;font-size:13px}.venta-box-label{text-transform:uppercase;letter-spacing:.03em;color:var(--status-good);margin-bottom:4px;font-size:10.5px;font-weight:700}.venta-monto{color:var(--status-good);font-size:15px;font-weight:700}.venta-pedido{color:var(--text-secondary);margin-top:2px;font-size:12px}.venta-pendiente{color:var(--status-serious);margin-top:4px;font-size:12px}.bitacora-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:10.5px;font-weight:700}.bitacora-list{flex-direction:column;gap:8px;display:flex}.bitacora-empty{color:var(--text-muted);font-size:12.5px;font-style:italic}.bitacora-entry{border-left:3px solid var(--gridline);padding:4px 10px}.bitacora-entry.tipo-estado{border-left-color:var(--series-1)}.bitacora-entry.tipo-venta{border-left-color:var(--status-good)}.bitacora-entry.tipo-cliente{border-left-color:var(--status-warning)}.bitacora-entry-head{color:var(--text-muted);justify-content:space-between;margin-bottom:2px;font-size:11px;display:flex}.bitacora-autor{color:var(--text-secondary);font-weight:700}.bitacora-texto{color:var(--text-primary);font-size:13px;line-height:1.4}.bitacora-form{flex-direction:column;gap:8px;display:flex}.bitacora-form textarea{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);resize:vertical;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}.bitacora-form button{align-self:flex-end}.chat-lead-meta{border-top:1px solid var(--border);color:var(--text-secondary);flex-direction:column;gap:6px;padding:12px 16px;font-size:12.5px;display:flex}.chat-lead-meta .row{justify-content:space-between;gap:10px;display:flex}.sim-disclaimer{color:var(--text-muted);background:var(--surface-1);border-top:1px solid var(--border);padding:8px 16px;font-size:11px}.btn-primary{background:var(--series-1);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600}.btn-secondary:hover{background:var(--surface-1)}.profile-chip{background:var(--surface-1);border:1px solid var(--border);color:var(--text-primary);border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:600}.login-screen{background:var(--surface-2);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:360px;padding:28px 32px 24px}.login-header{text-align:center;margin-bottom:18px}.login-header h1{margin:10px 0 4px;font-size:22px}.login-header p{color:var(--text-secondary);margin:0;font-size:13.5px}.login-form{flex-direction:column;gap:14px;display:flex}.login-form label{color:var(--text-secondary);flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;display:flex}.login-form input{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:8px;padding:9px 10px;font-family:inherit;font-size:14px}.login-submit{margin-top:4px;padding:10px;font-size:14px}.login-submit:disabled{opacity:.6;cursor:default}.modal-overlay{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface-card);border:1px solid var(--border);border-radius:14px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-header h2{margin:0;font-size:15px}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:15px}.modal-form{flex-direction:column;gap:12px;padding:16px 18px 18px;display:flex}.modal-form label{color:var(--text-secondary);flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;display:flex}.modal-form input,.modal-form select,.modal-form textarea{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);resize:vertical;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:400}.modal-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-error{color:var(--status-critical);font-size:12.5px}.cliente-existente-aviso{color:var(--text-primary);background:color-mix(in srgb, var(--status-warning) 16%, transparent);border:1px solid color-mix(in srgb, var(--status-warning) 40%, transparent);border-radius:8px;padding:8px 10px;font-size:12.5px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}