:root{--canvas:#efede7;--panel:#fff;--acento:#f0870f;--acento-suave:#f0870f1f;--texto:#1a1a18;--texto-sec:#6b6a64;--texto-ter:#9a988f;--borde:#e2e0da;--borde-suave:#eceae3;--error:#c0392b;--error-suave:#c0392b1a;--aviso:#b45309;--aviso-suave:#d977061f;--ok:#0f9d84;--ok-suave:#0f9d841f;--fuente-ui:"Archivo", system-ui, -apple-system, sans-serif;--fuente-mono:"JetBrains Mono", ui-monospace, monospace;--radio-sm:6px;--radio-md:10px;--radio-lg:14px;--sombra-panel:0 1px 2px #1a1a180a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--fuente-ui);color:var(--texto);background-color:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--fuente-ui);background-color:var(--canvas);color:var(--texto)}.mono{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums}button{cursor:pointer;font-family:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}.app-cargando{height:100%;color:var(--texto-ter);place-items:center;font-size:14px;display:grid}.login-pantalla{background:var(--canvas);place-items:center;height:100%;padding:24px;display:grid}.login-tarjeta{background:var(--panel);border:.5px solid var(--borde);border-radius:var(--radio-lg);width:100%;max-width:360px;box-shadow:var(--sombra-panel);padding:32px 28px}.login-marca{flex-direction:column;align-items:center;gap:14px;margin-bottom:24px;display:flex}.login-marca img{object-fit:contain;width:auto;height:44px}.login-marca h1{color:var(--texto);margin:0;font-size:17px;font-weight:600}.login-marca p{color:var(--texto-ter);margin:0;font-size:13px}.campo{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.campo label{color:var(--texto-sec);font-size:12px;font-weight:500}.campo input{border:.5px solid var(--borde);border-radius:var(--radio-sm);background:var(--panel);height:38px;color:var(--texto);outline:none;padding:0 12px;font-size:14px;transition:border-color .15s}.campo input:focus{border-color:var(--acento)}.boton-primario{border-radius:var(--radio-sm);background:var(--acento);width:100%;height:40px;color:var(--panel);border:none;font-size:14px;font-weight:600;transition:opacity .15s}.boton-primario:hover:not(:disabled){opacity:.92}.boton-primario:disabled{opacity:.55;cursor:not-allowed}.login-error{background:var(--error-suave);color:var(--error);border-radius:var(--radio-sm);margin-bottom:16px;padding:10px 12px;font-size:13px}.shell{grid-template-rows:56px 1fr;height:100%;display:grid}.topbar{background:var(--panel);border-bottom:.5px solid var(--borde);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.topbar-marca{align-items:center;gap:12px;display:flex}.topbar-marca img{object-fit:contain;width:auto;height:28px}.topbar-marca span{color:var(--texto);font-size:14px;font-weight:600}.topbar-usuario{align-items:center;gap:14px;display:flex}.topbar-usuario .nombre{color:var(--texto-sec);font-size:13px}.boton-salir{border:.5px solid var(--borde);border-radius:var(--radio-sm);background:var(--panel);height:32px;color:var(--texto-sec);align-items:center;gap:6px;padding:0 12px;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.boton-salir:hover{background:var(--canvas);color:var(--texto)}.cuerpo{grid-template-columns:240px 1fr;min-height:0;display:grid}.sidebar{background:var(--panel);border-right:.5px solid var(--borde);padding:18px 12px;overflow-y:auto}.nav-seccion+.nav-seccion{margin-top:22px}.nav-titulo{letter-spacing:.02em;color:var(--texto-ter);margin-bottom:8px;padding:0 10px;font-size:11px;font-weight:600}.nav-item{border-radius:var(--radio-sm);width:100%;color:var(--texto-sec);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 10px;font-size:14px;transition:background .15s,color .15s;display:flex}.nav-item:hover:not(:disabled){background:var(--canvas);color:var(--texto)}.nav-item.activo{background:var(--acento-suave);color:var(--acento);font-weight:500}.nav-item:disabled{color:var(--texto-ter);cursor:not-allowed}.nav-item .etiqueta{background:var(--borde-suave);color:var(--texto-ter);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}.contenido{min-height:0;padding:24px;overflow-y:auto}.panel{background:var(--panel);border:.5px solid var(--borde);border-radius:var(--radio-lg);box-shadow:var(--sombra-panel);place-items:center;min-height:100%;display:grid}.placeholder{text-align:center;color:var(--texto-ter)}.placeholder .icono{color:var(--texto-ter);margin-bottom:12px}.placeholder h2{color:var(--texto-sec);margin:0 0 6px;font-size:16px;font-weight:600}.placeholder p{color:var(--texto-ter);margin:0;font-size:13px}.cli-modulo{flex-direction:column;gap:16px;height:100%;min-height:0;display:flex}.cli-encabezado{justify-content:space-between;align-items:flex-end;display:flex}.cli-titulo{color:var(--texto);margin:0;font-size:20px;font-weight:600}.cli-titulo-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cli-chip{background:var(--acento-suave);height:22px;color:var(--acento);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.cli-titulo-sub{color:var(--texto-ter);font-size:14px}.cli-controles{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cli-controles-sec{justify-content:flex-start;gap:24px}.cli-filtro-grupo{align-items:center;gap:8px;display:flex}.cli-filtro-etq{color:var(--texto-ter);font-size:12px;font-weight:500}.cli-select{border:.5px solid var(--borde);border-radius:var(--radio-sm);background:var(--panel);height:32px;color:var(--texto);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239A988F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:0 30px 0 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.cli-select:hover,.cli-select:focus{border-color:var(--acento)}.cli-buscador{background:var(--panel);border:.5px solid var(--borde);border-radius:var(--radio-sm);min-width:280px;height:38px;color:var(--texto-ter);align-items:center;gap:8px;padding:0 12px;display:flex}.cli-buscador input{color:var(--texto);background:0 0;border:none;outline:none;width:100%;font-size:14px}.cli-buscador input::placeholder{color:var(--texto-ter)}.cli-segmented{background:var(--panel);border:.5px solid var(--borde);border-radius:var(--radio-sm);gap:2px;padding:3px;display:inline-flex}.cli-seg{color:var(--texto-sec);background:0 0;border:none;border-radius:5px;padding:6px 14px;font-size:13px;transition:background .15s,color .15s}.cli-seg:hover:not(.activo){color:var(--texto)}.cli-seg.activo{background:var(--acento-suave);color:var(--acento);font-weight:500}.cli-panel{background:var(--panel);border:.5px solid var(--borde);border-radius:var(--radio-lg);box-shadow:var(--sombra-panel);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.tabla-scroll{flex:1;min-height:0;overflow-y:auto}.tabla{border-collapse:collapse;width:100%;font-size:14px}.tabla thead th{text-align:left;letter-spacing:.02em;color:var(--texto-ter);border-bottom:.5px solid var(--borde);background:var(--panel);padding:12px 16px;font-size:11px;font-weight:600;position:sticky;top:0}.tabla-th-ordenable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.tabla-th-ordenable:hover{color:var(--texto-sec)}.tabla-th-contenido{align-items:center;gap:4px;display:inline-flex}.tabla-th-ordenable[aria-sort=ascending],.tabla-th-ordenable[aria-sort=descending]{color:var(--acento)}.tabla tbody tr{border-bottom:.5px solid var(--borde-suave)}.tabla tbody tr:last-child{border-bottom:none}.tabla tbody tr:hover{background:var(--canvas)}.tabla td{color:var(--texto);vertical-align:middle;padding:12px 16px}.tabla.cargando tbody{opacity:.55;transition:opacity .15s}.tabla-vacio{text-align:center;color:var(--texto-ter);padding:40px 16px;font-size:14px}.tabla-spinner{vertical-align:-2px;border:2px solid var(--borde);border-top-color:var(--acento);border-radius:999px;width:13px;height:13px;margin-right:8px;animation:.7s linear infinite tabla-girar;display:inline-block}@keyframes tabla-girar{to{transform:rotate(360deg)}}.cli-nombre{font-weight:500}.cli-sucursal{color:var(--texto-sec)}.cli-col-acciones{text-align:right;width:48px}.cli-error{color:var(--error)}.cli-pill{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.4;display:inline-block}.cli-pill-gris{background:var(--borde-suave);color:var(--texto-sec)}.cli-pill-teal{color:#0f9d84;background:#0f9d841f}.cli-pill-neutro{background:var(--canvas);color:var(--texto-sec);border:.5px solid var(--borde)}.cli-acceso{align-items:center;gap:6px;font-size:13px;display:inline-flex}.cli-acceso-si{color:#0f9d84;font-weight:500}.cli-acceso-na{color:var(--texto-ter)}.cli-acceso-no{color:var(--texto-sec)}.cli-invitar{color:var(--acento);background:0 0;border:none;margin-left:2px;padding:0;font-size:13px;font-weight:500}.cli-invitar:hover{text-decoration:underline}.cli-estado{color:var(--texto-sec);align-items:center;gap:7px;font-size:13px;display:inline-flex}.cli-punto{background:var(--texto-ter);border-radius:999px;width:7px;height:7px}.cli-punto.activo{background:#2fb380}.cli-menu-contenedor{display:inline-block;position:relative}.cli-menu-boton{color:var(--texto-ter);border-radius:var(--radio-sm);background:0 0;border:none;padding:4px;display:inline-flex}.cli-menu-boton:hover{background:var(--borde-suave);color:var(--texto)}.cli-menu{background:var(--panel);border:.5px solid var(--borde);border-radius:var(--radio-md);z-index:20;min-width:168px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 20px #1a1a181f}.cli-menu button{border-radius:var(--radio-sm);width:100%;color:var(--texto);text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:8px 10px;font-size:13px;display:flex}.cli-menu button:hover{background:var(--canvas)}.cli-paginacion{border-top:.5px solid var(--borde);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.cli-rango{color:var(--texto-sec);font-size:13px}.cli-pag-controles{align-items:center;gap:12px;display:flex}.cli-pag-actual{color:var(--texto-ter);font-variant-numeric:tabular-nums;font-size:13px}.cli-pag-boton{border:.5px solid var(--borde);border-radius:var(--radio-sm);background:var(--panel);height:32px;color:var(--texto-sec);align-items:center;gap:4px;padding:0 12px;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.cli-pag-boton:hover:not(:disabled){background:var(--canvas);color:var(--texto)}.cli-pag-boton:disabled{opacity:.45;cursor:not-allowed}.cli-overlay{z-index:40;background:#1a1a1847;position:fixed;inset:0}.cli-drawer{background:var(--panel);border-left:.5px solid var(--borde);z-index:41;flex-direction:column;width:380px;max-width:90vw;height:100%;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 28px #1a1a181a}.cli-drawer-head{border-bottom:.5px solid var(--borde);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.cli-drawer-head h2{color:var(--texto);margin:0;font-size:15px;font-weight:600}.cli-drawer-cerrar{color:var(--texto-ter);border-radius:var(--radio-sm);background:0 0;border:none;padding:4px;display:inline-flex}.cli-drawer-cerrar:hover{background:var(--borde-suave);color:var(--texto)}.cli-drawer-body{flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.cli-campo{flex-direction:column;gap:3px;display:flex}.cli-campo-etq{letter-spacing:.02em;color:var(--texto-ter);font-size:11px;font-weight:600}.cli-campo-val{color:var(--texto);font-size:14px}.boton-nuevo{align-items:center;gap:7px;width:auto;height:38px;padding:0 16px;display:inline-flex}.usr-banner{background:var(--aviso-suave);border:.5px solid var(--aviso);border-radius:var(--radio-md);color:var(--aviso);align-items:center;gap:9px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.cli-pill-acento{background:var(--acento-suave);color:var(--acento)}.usr-sincrm{color:var(--aviso);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.usr-toggle{color:var(--texto);cursor:pointer;align-items:center;gap:9px;font-size:14px;display:flex}.usr-toggle input{width:16px;height:16px;accent-color:var(--acento);cursor:pointer}.modal-overlay{z-index:50;background:#1a1a1847;position:fixed;inset:0}.modal-card{background:var(--panel);border:.5px solid var(--borde);border-radius:var(--radio-lg);z-index:51;width:420px;max-width:92vw;max-height:90vh;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 16px 48px #1a1a182e}.modal-head{border-bottom:.5px solid var(--borde);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-head h2{color:var(--texto);margin:0;font-size:15px;font-weight:600}.modal-body{padding:20px}.modal-body .campo .cli-select{width:100%;height:38px}.modal-foot{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.boton-secundario{border:.5px solid var(--borde);border-radius:var(--radio-sm);background:var(--panel);height:40px;color:var(--texto-sec);padding:0 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.boton-secundario:hover{background:var(--canvas);color:var(--texto)}.modal-foot .boton-primario{width:auto;padding:0 18px}