:root{--green-100:#acdc9c;--green-50:#e7f0e2;--green-500:#64b43c;--green-600:#5ca434;--green-700:#5c9434;--green-400:#9abe86;--gray-300:#a7a5a7;--gray-500:#7e7b7c;--gray-600:#746c74;--gray-900:#353434;--text:var(--gray-600);--text-h:var(--gray-900);--bg:#fff;--bg-soft:var(--green-50);--border:#e2e0e0;--code-bg:#f4f3ec;--accent:var(--green-600);--accent-strong:var(--green-700);--accent-bg:var(--green-50);--accent-border:var(--green-100);--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:var(--gray-300);--text-h:#f1f5ee;--bg:#1a1c18;--bg-soft:#22261f;--border:#333630;--code-bg:#22261f;--accent:var(--green-500);--accent-strong:var(--green-100);--accent-bg:#64b43c29;--accent-border:#64b43c73;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}#root{width:100%;text-align:initial;border-inline:none}.pantalla-centrada{text-align:center;justify-content:center;align-items:center;min-height:100svh;display:flex}.pantalla-centrada.error{color:#dc2626}.logo-mark{flex-shrink:0;width:auto;height:28px}.marca{align-items:center;gap:10px;display:flex}.logo-hero{width:auto;height:84px;margin:0 auto 12px;display:block}.auth-screen{background:radial-gradient(circle at 50% 0%, var(--bg-soft), var(--bg) 60%);justify-content:center;align-items:center;min-height:100svh;display:flex}.auth-card{border:1px solid var(--border);text-align:left;background:var(--bg);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:4px;padding:36px;display:flex}.auth-card h1{margin:0;font-size:24px}.auth-subtitle{color:var(--text);margin-bottom:20px;font-size:14px}.auth-card label{color:var(--text-h);flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;font-weight:500;display:flex}.auth-card input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:9px;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.auth-card input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.auth-card button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;margin-top:8px;padding:12px;font-weight:600;transition:background .15s,transform .1s}.auth-card button:hover{background:var(--accent-strong)}.auth-card button:active{transform:scale(.99)}.auth-card .btn-secundario{color:var(--text-h);border:1px solid var(--border);background:0 0}.auth-card .btn-secundario:hover{background:var(--bg-soft)}.auth-hint{color:var(--text);margin-top:18px;font-size:12px;line-height:150%}.selector-card{text-align:left;width:100%;max-width:440px}.selector-card h1{font-size:26px}.lista-empresas{flex-direction:column;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.lista-empresas button{text-align:left;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);cursor:pointer;font:inherit;border-radius:12px;align-items:center;gap:14px;padding:18px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.lista-empresas button:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px}.lista-empresas button .empresa-info{flex-direction:column;gap:2px;display:flex}.lista-empresas button:hover{border-color:var(--accent-border);box-shadow:var(--shadow);transform:translateY(-1px)}.lista-empresas button span{color:var(--text);font-size:13px}.app-shell{min-height:100svh;display:flex}.sidebar-fondo{display:none}.topbar-menu-btn{color:var(--text-h);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:6px;display:none}.topbar-menu-btn:hover{background:var(--accent-bg)}.sidebar{border-right:1px solid var(--border);background:var(--bg-soft);box-sizing:border-box;flex-direction:column;flex-shrink:0;width:232px;padding:20px 14px;display:flex}.sidebar-logo{padding:6px 10px 22px}.sidebar-logo img{width:auto;height:26px}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-item{color:var(--text);border-radius:9px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.sidebar-icon{flex-shrink:0}a.sidebar-item:hover{background:var(--accent-bg);color:var(--text-h)}a.sidebar-item.active{background:var(--accent);color:#fff}.sidebar-item.proximamente{cursor:default;opacity:.55}.sidebar-badge{background:var(--border);color:var(--text);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.app-content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:12px;padding:14px 28px;display:flex}.topbar-empresa{font:inherit;border:1px solid var(--border);background:var(--bg-soft);color:var(--text-h);border-radius:8px;min-width:0;margin-right:auto;padding:7px 10px;font-size:13px}.topbar-user{color:var(--text);flex-shrink:0;align-items:center;gap:12px;font-size:13px;display:flex}.topbar-user button{font:inherit;border:1px solid var(--border);color:var(--text-h);cursor:pointer;background:0 0;border-radius:8px;padding:7px 14px;transition:border-color .15s,background .15s}.topbar-user button:hover{border-color:var(--accent-border);background:var(--accent-bg)}.app-page{box-sizing:border-box;text-align:left;width:100%;max-width:1000px;padding:40px 28px}.app-page h1{margin:0;font-size:30px}.dashboard-hint{color:var(--text);margin:8px 0 28px;font-size:14px}.tarjetas{flex-wrap:wrap;gap:16px;display:flex}.tarjeta{border:1px solid var(--border);border-top:3px solid var(--accent);background:var(--bg);border-radius:14px;flex-direction:column;flex:200px;gap:4px;padding:22px;transition:box-shadow .15s,transform .1s;display:flex}.tarjeta:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.tarjeta-numero{color:var(--accent-strong);font-size:34px;font-weight:700}.tarjeta-label{color:var(--text);font-size:13px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{font-size:28px}.page-header-acciones{gap:10px;display:flex}.btn-primario,.btn-secundario{font:inherit;cursor:pointer;border-radius:9px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}.btn-primario{background:var(--accent);color:#fff;border:none}.btn-primario:hover{background:var(--accent-strong)}.btn-primario:disabled{opacity:.6;cursor:default}.btn-secundario{border:1px dashed var(--border);color:var(--text-h);background:0 0;align-self:flex-start}.btn-secundario:hover{border-color:var(--accent-border);background:var(--accent-bg)}.btn-pequeno{align-self:auto;padding:5px 12px;font-size:12px}.btn-secundario:disabled{opacity:.6;cursor:default}.btn-icono{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;line-height:1}.btn-icono:hover{background:var(--accent-bg);color:#dc2626}.link-boton{font:inherit;color:var(--accent-strong);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-boton:hover{color:var(--accent)}.aviso-exito,.aviso-error{border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:14px}.aviso-exito{background:var(--accent-bg);color:var(--accent-strong);border:1px solid var(--accent-border)}.aviso-error{color:#dc2626;background:#dc26261a;border:1px solid #dc26264d}.form-venta{border:1px solid var(--border);background:var(--bg);border-radius:14px;flex-direction:column;gap:16px;margin-bottom:28px;padding:24px;display:flex}.form-venta>label{color:var(--text-h);flex-direction:column;gap:6px;max-width:320px;font-size:13px;font-weight:500;display:flex}.form-fila{flex-wrap:wrap;gap:16px;display:flex}.form-fila>label{color:var(--text-h);flex-direction:column;flex:1;gap:6px;min-width:140px;font-size:13px;font-weight:500;display:flex}.form-venta select,.form-venta input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:9px 12px}.form-venta select:focus-visible,.form-venta input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.form-venta>label.label-ancho-completo{max-width:none}.checklist-productos{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-wrap:wrap;gap:8px 16px;padding:12px;display:flex}.checklist-item{color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:400;display:flex}.checklist-item input{width:auto}.totales-venta{color:var(--text);border-top:1px solid var(--border);justify-content:flex-end;align-items:baseline;gap:24px;padding-top:12px;font-size:14px;display:flex}.totales-venta strong{color:var(--text-h);font-size:18px}.tabla-items,.tabla-ventas{border-collapse:collapse;width:100%;font-size:14px}.tabla-items th,.tabla-ventas th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text);border-bottom:1px solid var(--border);padding:0 8px 8px;font-size:12px;font-weight:600}.tabla-items td,.tabla-ventas td{border-bottom:1px solid var(--border);color:var(--text-h);padding:8px}.tabla-ventas tr:hover td{background:var(--bg-soft)}.col-importe{font-variant-numeric:tabular-nums;white-space:nowrap}.tabla-vacia{text-align:center;color:var(--text);padding:32px 8px}.estatus-badge{background:var(--accent-bg);color:var(--accent-strong);text-transform:capitalize;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.estatus-pagado,.estatus-cobrado,.estatus-egreso{background:var(--border);color:var(--text)}.subtitulo-seccion{margin:32px 0 12px;font-size:18px}.tarjeta-total{border-top-color:var(--gray-500);background:var(--bg-soft)}.tarjeta-total .tarjeta-numero{color:var(--text-h)}.monto-ingreso{color:var(--accent-strong);font-variant-numeric:tabular-nums;white-space:nowrap}.monto-egreso{color:var(--gray-600);font-variant-numeric:tabular-nums;white-space:nowrap}.btn-check{font-size:14px;font-weight:700}.btn-check:hover,.btn-check.conciliado{color:var(--accent-strong)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.tabs button{font:inherit;color:var(--text);cursor:pointer;border:none;background:0 0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.tabs button:hover{color:var(--text-h)}.tabs button.tab-activo{color:var(--accent-strong);border-bottom-color:var(--accent)}.col-capitalize{text-transform:capitalize}.fila-grupo td{color:var(--text-h);background:var(--bg-soft);font-weight:700}.fila-clickeable{cursor:pointer}.subtabla-contenedor{background:var(--bg-soft);padding:12px!important}.tabla-movimientos{border-collapse:collapse;width:100%;font-size:13px}.tabla-movimientos th{text-align:left;text-transform:uppercase;color:var(--text);padding:0 8px 6px;font-size:11px}.tabla-movimientos td{color:var(--text-h);border-top:1px solid var(--border);padding:6px 8px}.tabs-secundarios{margin-bottom:16px}.tabs-secundarios button{padding:6px 12px;font-size:13px}.filtros-reporte{gap:16px;margin-bottom:20px;display:flex}.filtros-reporte label{color:var(--text-h);flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.filtros-reporte input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:7px 10px}.reporte-financiero{flex-direction:column;gap:8px;max-width:560px;display:flex}.tabla-reporte{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:14px}.tabla-reporte td{color:var(--text-h);padding:6px 8px}.tabla-reporte .col-monto{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabla-reporte .fila-total td{border-top:1px solid var(--border);padding-top:8px;font-weight:700}.aviso-balance{border-radius:10px;margin-top:12px;padding:12px 16px;font-size:14px;font-weight:500}.balancea-ok{background:var(--accent-bg);color:var(--accent-strong)}.balancea-mal{color:#dc2626;background:#dc26261a}.accion-inline{align-items:flex-end;gap:12px;display:flex}.accion-inline label{color:var(--text-h);flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.accion-inline input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:7px 10px}.tabla-scroll{margin-bottom:16px;overflow-x:auto}.tabla-presupuesto{border-collapse:collapse;white-space:nowrap;font-size:13px}.tabla-presupuesto th,.tabla-presupuesto td{border-bottom:1px solid var(--border);padding:4px 6px}.tabla-presupuesto th{text-transform:uppercase;color:var(--text);text-align:right;font-size:11px}.col-cuenta-nombre{text-align:left;color:var(--text-h);min-width:200px}.input-celda{font:inherit;border:1px solid var(--border);background:var(--bg);width:76px;color:var(--text-h);text-align:right;border-radius:6px;padding:4px 6px}.aviso-disclaimer{background:var(--bg-soft);color:var(--text);border:1px dashed var(--border)}.kanban-board{align-items:flex-start;gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.kanban-columna{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:0 0 240px;max-height:70vh;display:flex}.kanban-columna-header{color:var(--text-h);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.kanban-contador{color:var(--text);background:var(--bg);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.kanban-columna-body{flex-direction:column;gap:8px;padding:10px;display:flex;overflow-y:auto}.kanban-card{background:var(--bg);border:1px solid var(--border);cursor:grab;color:var(--text-h);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;font-size:13px;transition:box-shadow .15s,border-color .15s;display:flex}.kanban-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow)}.kanban-card-empresa{color:var(--text);font-size:12px}.kanban-card-valor{color:var(--accent-strong);font-size:12px;font-weight:600}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg);width:100%;max-width:560px;max-height:85vh;box-shadow:var(--shadow);border-radius:14px;padding:24px;overflow-y:auto}.embudo{align-items:center;margin:20px 0 8px;padding-bottom:4px;display:flex;overflow-x:auto}.embudo-etapa{--punta:14px;height:var(--embudo-alto);margin-left:calc(var(--punta) * -1 + 2px);padding:0 calc(var(--punta) + 4px);box-sizing:border-box;text-align:center;color:var(--text-h);clip-path:polygon(0 0, calc(100% - var(--punta)) 0, 100% 50%, calc(100% - var(--punta)) 100%, 0 100%, var(--punta) 50%);flex-direction:column;flex:1 0 118px;justify-content:center;align-items:center;gap:2px;display:flex}.embudo-etapa:first-child{clip-path:polygon(0 0, calc(100% - var(--punta)) 0, 100% 50%, calc(100% - var(--punta)) 100%, 0 100%);margin-left:0;padding-left:12px}.embudo-nuevo{background:color-mix(in srgb, var(--accent) 12%, var(--bg))}.embudo-contactado{background:color-mix(in srgb, var(--accent) 22%, var(--bg))}.embudo-calificado{background:color-mix(in srgb, var(--accent) 34%, var(--bg))}.embudo-propuesta{background:color-mix(in srgb, var(--accent) 48%, var(--bg))}.embudo-negociacion{background:color-mix(in srgb, var(--accent) 62%, var(--bg))}.embudo-ganado{background:var(--accent);color:#fff}.embudo-perdido{background:var(--border);color:var(--text)}.embudo-label{text-transform:uppercase;letter-spacing:.04em;opacity:.85;font-size:11px;font-weight:600}.embudo-cantidad{font-size:22px;line-height:1.1}.embudo-monto{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.etapa-pasos{flex-wrap:wrap;gap:5px;margin:4px 0 16px;display:flex}.etapa-paso{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:6px 9px;font-size:11.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.etapa-paso:hover{border-color:var(--accent);color:var(--text-h)}.etapa-paso.hecho{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-strong)}.etapa-paso.actual{background:var(--accent);border-color:var(--accent);color:#fff;cursor:default}.etapa-paso-perdido.actual{background:var(--gray-500);border-color:var(--gray-500)}.tipos-actividad{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tipo-actividad{font:inherit;text-transform:capitalize;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px;font-size:12px}.tipo-actividad.activo{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-strong);font-weight:600}.modal-panel.modal-ancho{max-width:820px}.lista-cotizaciones{color:var(--text);flex-direction:column;gap:4px;margin:8px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.lista-cotizaciones li{align-items:baseline;gap:16px;display:flex}.cotizacion-form .tabla-movimientos td{vertical-align:top}.cotizacion-form .tabla-movimientos td select,.cotizacion-form .tabla-movimientos td input,.cotizacion-form-campos input,.cotizacion-form-campos textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);box-sizing:border-box;border-radius:8px;padding:7px 10px}.cotizacion-form .tabla-movimientos td select{width:100%;margin-bottom:6px}.cotizacion-form .tabla-movimientos td:first-child input{width:100%}.cotizacion-form-campos{grid-template-columns:180px 1fr;gap:16px;margin:16px 0;display:grid}.cotizacion-form-campos label{color:var(--text-h);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.cotizacion-form-campos textarea{resize:vertical}.cotizacion-doc{color:#2b2b2b;background:#fff;border:1px solid #e2e0e0;border-radius:8px;padding:40px;font-size:13px;line-height:1.5}.cotizacion-doc p{margin:0}.cotizacion-doc h1{color:#3f6f22;margin:0 0 4px;font-size:20px}.cotizacion-doc h2{letter-spacing:.08em;color:#3f6f22;margin:0 0 6px;font-size:22px}.cotizacion-doc h3{text-transform:uppercase;letter-spacing:.08em;color:#7e7b7c;margin:0 0 4px;font-size:11px}.cotizacion-doc-encabezado{border-bottom:3px solid #64b43c;justify-content:space-between;gap:24px;margin-bottom:24px;padding-bottom:20px;display:flex}.cotizacion-doc-folio{text-align:right}.cotizacion-doc-cliente{margin-bottom:24px}.cotizacion-doc-tabla{border-collapse:collapse;width:100%;margin-bottom:16px}.cotizacion-doc-tabla th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#64b43c;padding:8px 10px;font-size:11px}.cotizacion-doc-tabla th:nth-child(n+2),.cotizacion-doc-tabla td:nth-child(n+2){text-align:right;white-space:nowrap}.cotizacion-doc-tabla td{border-bottom:1px solid #e2e0e0;padding:9px 10px}.cotizacion-doc-totales{width:260px;margin-bottom:24px;margin-left:auto}.cotizacion-doc-totales>div{justify-content:space-between;padding:4px 10px;display:flex}.cotizacion-doc-totales .cotizacion-doc-total{border-top:2px solid #2b2b2b;margin-top:4px;padding-top:8px;font-size:15px;font-weight:700}.cotizacion-doc-condiciones{color:#5a5a5a;border-top:1px solid #e2e0e0;padding-top:14px;font-size:12px}@media (width<=860px){.topbar-menu-btn{justify-content:center;align-items:center;display:inline-flex}.topbar-user span{display:none}.sidebar{z-index:101;max-width:280px;box-shadow:var(--shadow);transition:transform .2s;position:fixed;inset:0 25% 0 0;transform:translate(-100%)}.sidebar.sidebar-abierto{transform:translate(0)}.sidebar-fondo{z-index:100;background:#00000059;display:block;position:fixed;inset:0}.app-page{padding:24px 16px}.topbar{padding:12px 16px}.modal-panel{max-width:calc(100vw - 32px)}}.form-actividad{flex-direction:column;gap:8px;display:flex}.form-actividad textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);resize:vertical;border-radius:8px;min-height:72px;padding:10px 12px;font-size:13px}.form-actividad textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.form-actividad button{align-self:flex-end}