:root{--bg: #f5f6f8;--surface: #ffffff;--texto: #1f2430;--muted: #6b7280;--borde: #e3e6eb;--acento: #2563eb;--acento-hover: #1d4ed8;--ok: #16a34a;--peligro: #dc2626;color-scheme:light;--surface-soft: #fafbfc;--hover: #f0f2f5;--control-bg: #ffffff;--secondary: #eef2ff;--secondary-hover: #e2e8ff;--secondary-border: #dbe3ff;--link: #1d4ed8;--on-accent: #ffffff;--success-bg: #edf9f0;--success-text: #166534;--warning-bg: #fff7ed;--warning-text: #9a3412;--danger-bg: #fff2ee;--danger-action: #dc2626;--focus: #2563eb;--focus-ring: rgba(37, 99, 235, .15);--overlay: rgba(17, 24, 39, .45);--popover-shadow: 0 8px 30px rgba(16, 24, 40, .16);--data-link: #216641;--data-selected: #dcebe0;--radio: 10px;--sombra: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #0f141e;--surface: #18212f;--surface-soft: #1d2939;--hover: #263449;--control-bg: #121b29;--texto: #e8edf5;--muted: #a7b4c8;--borde: #35445b;--acento: #2563eb;--acento-hover: #1d4ed8;--secondary: #23365a;--secondary-hover: #2e4670;--secondary-border: #405985;--link: #a3c5ff;--ok: #4ade80;--peligro: #ff9d9d;--success-bg: #163c2d;--success-text: #90e8b2;--warning-bg: #46331c;--warning-text: #ffd08a;--danger-bg: #46282f;--danger-action: #b91c1c;--focus: #93baff;--focus-ring: rgba(147, 186, 255, .2);--overlay: rgba(0, 0, 0, .65);--sombra: 0 1px 4px rgba(0, 0, 0, .3);--popover-shadow: 0 8px 30px rgba(0, 0, 0, .45);--data-link: #90e8b2;--data-selected: #203f35}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--texto)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--borde)}.brand{font-size:1.05rem;letter-spacing:.2px}.nav{display:flex;gap:.25rem;margin-left:1.5rem;margin-right:auto}.nav a{padding:.4rem .75rem;border-radius:8px;text-decoration:none;color:var(--muted);font-size:.9rem}.nav a:hover{background:var(--hover)}.nav a.active{color:var(--link);background:var(--secondary);font-weight:600}.topbar-right{display:flex;align-items:center;gap:.75rem;margin-left:auto;flex-wrap:wrap}.theme-selector{display:inline-flex;align-items:center;gap:.5rem;margin:0}.theme-selector select{font:inherit;padding:.4rem .5rem;min-height:36px;color:var(--texto);background:var(--control-bg);border:1px solid var(--borde);border-radius:8px}.theme-selector select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.user-email{color:var(--muted);font-size:.9rem}.page{width:100%;padding:1.5rem}.card{background:var(--surface);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:1.25rem}.empty{text-align:center;color:var(--muted)}h1{font-size:1.4rem;margin:0}h2{font-size:1.1rem;margin:0}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--peligro);font-size:.9rem;margin:.25rem 0}code{background:var(--surface-soft);padding:.1rem .35rem;border-radius:5px;font-size:.85em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:inherit;font-size:.9rem;padding:.5rem .9rem;border-radius:8px;border:1px solid transparent;cursor:pointer;text-decoration:none;line-height:1;transition:background .12s ease,border-color .12s ease}.btn:disabled{opacity:.55;cursor:default}.btn.small{padding:.35rem .6rem;font-size:.82rem}.btn-primary{background:var(--acento);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--acento-hover)}.btn-secondary{background:var(--secondary);color:var(--link);border-color:var(--secondary-border)}.btn-secondary:hover:not(:disabled){background:var(--secondary-hover)}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--borde)}.btn-ghost:hover:not(:disabled){background:var(--hover)}.btn-link{margin-top:.65rem;padding-left:0;color:var(--link);background:transparent}.btn-link:hover:not(:disabled){color:var(--link);text-decoration:underline}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.75rem}input,textarea{display:block;width:100%;margin-top:.3rem;padding:.55rem .7rem;font:inherit;font-size:.95rem;color:var(--texto);background:var(--control-bg);border:1px solid var(--borde);border-radius:8px}input:focus,textarea:focus{outline:none;border-color:var(--link);box-shadow:0 0 0 3px var(--focus-ring)}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.login-wrap{min-height:70vh;display:grid;place-items:center}.login-card{width:100%;max-width:360px}.login-card h1{margin-bottom:.25rem}.login-card .muted{margin:0 0 1.25rem;font-size:.9rem}.negocios-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.negocios-head-acciones{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.table-wrap{padding:0;overflow-x:auto}.tabla{width:100%;min-width:1060px;table-layout:fixed;border-collapse:collapse;font-size:.9rem}.tabla th,.tabla td{text-align:left;padding:1rem;border-bottom:1px solid var(--borde);vertical-align:top}.tabla th{font-size:.78rem;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);background:var(--surface-soft)}.tabla th:nth-child(1){width:30%}.tabla th:nth-child(2){width:13%}.tabla th:nth-child(3){width:18%}.tabla th:nth-child(4){width:19%}.tabla th:nth-child(5){width:12%}.tabla th:nth-child(6){width:8%}.tabla tbody tr:hover{background:var(--hover)}.tabla tr:last-child td{border-bottom:none}.tabla tr.inactivo{background:var(--surface-soft);color:var(--muted)}.negocio-nombre{font-weight:600;margin-bottom:.25rem}.negocio-datos{overflow-wrap:anywhere}.negocio-datos code{display:inline-block;margin-top:.45rem}.negocio-correo{margin-top:.5rem;overflow-wrap:anywhere}.onboarding-badge{display:inline-block;padding:.25rem .5rem;border-radius:6px;background:var(--warning-bg);color:var(--warning-text);line-height:1.4}.onboarding-badge.completo{background:var(--success-bg);color:var(--success-text)}.version-menu{margin-top:.5rem}.estado-negocio{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted)}.estado-punto{width:8px;height:8px;border-radius:50%;background:#94a3b8;flex-shrink:0}.estado-activo{color:var(--success-text)}.estado-activo .estado-punto{background:var(--ok)}.btn:focus-visible,.toggle:focus-visible,.acciones-menu button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.acciones-trigger{min-width:40px;min-height:40px;padding:.25rem;font-size:1.6rem}.acciones-menu{position:fixed;inset:auto;margin:0;width:248px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:.4rem;border:1px solid var(--borde);border-radius:var(--radio);background:var(--surface);color:var(--texto);box-shadow:var(--popover-shadow)}.acciones-menu button{display:block;width:100%;min-height:40px;padding:.65rem .75rem;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:.85rem;text-align:left;cursor:pointer}.acciones-menu button:hover:not(:disabled){background:var(--hover)}.acciones-menu button:disabled{opacity:.55;cursor:default}.acciones-menu hr{border:0;border-top:1px solid var(--borde);margin:.35rem 0}.acciones-menu .accion-desactivar{color:var(--peligro)}.fecha-cobranza{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.4rem;white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:1000px){.table-wrap{overflow:visible;padding:0;border:0;background:transparent;box-shadow:none}.tabla{display:block;min-width:0}.tabla thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tabla tbody{display:grid;gap:1rem}.tabla tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--surface);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);overflow:hidden}.tabla td{display:block;padding:.8rem 1rem;border:0;min-width:0}.tabla td:before{content:attr(data-label);display:block;margin-bottom:.5rem;color:var(--muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.tabla td:first-child,.tabla td:last-child{grid-column:1 / -1}.tabla td:first-child{border-bottom:1px solid var(--borde)}.tabla td:first-child:before{display:none}.tabla td:last-child{border-top:1px solid var(--borde)}.fecha-cobranza{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:600px){.page{padding:1rem}.topbar{padding:.75rem 1rem;flex-wrap:wrap;gap:.75rem}.nav{margin:0}.topbar-right{width:100%;justify-content:space-between;min-width:0}.user-email{overflow-wrap:anywhere;min-width:0}.negocios-head-acciones{width:100%}.negocios-head-acciones .btn{flex:1 1 auto;min-height:40px}}.pagos-modal{max-width:560px}.pagos-modal .modal-head p{margin:.25rem 0 0}.payment-mode{margin:0 0 1rem;padding:.6rem .75rem;border-radius:8px;color:var(--link);background:var(--secondary);font-size:.83rem}.payment-summary{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;align-items:baseline;padding:.85rem;margin-bottom:1rem;border:1px solid var(--borde);border-radius:9px}.payment-summary .small:last-child{grid-column:1 / -1}.payment-generate{width:100%;margin-bottom:1rem}.payment-link{padding:.85rem;margin-bottom:1rem;background:var(--hover);border:1px solid var(--borde);border-radius:9px}.payment-link label{margin:0 0 .6rem}.payment-simulator{padding:.9rem;margin:1rem 0;border:1px dashed var(--muted);border-radius:9px}.payment-simulator h3,.payment-history h3{margin:0 0 .25rem;font-size:.95rem}.payment-simulator p{margin:0 0 .7rem}.payment-history{margin-top:1rem}.payment-row{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--borde)}.payment-row span{display:grid;gap:.1rem}.payment-row small{color:var(--muted);font-size:.75rem}.payment-row-right{text-align:right}.toggle{position:relative;width:40px;height:22px;border-radius:999px;border:none;background:#cbd2dc;cursor:pointer;padding:0;transition:background .15s ease}.toggle.on{background:var(--ok)}.toggle:disabled{opacity:.6;cursor:default}.toggle .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle.on .knob{transform:translate(18px)}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:grid;place-items:center;padding:1rem;z-index:50}.modal{width:100%;max-width:440px;max-height:90vh;overflow-y:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:.5rem}.config-head{margin-bottom:1rem}.proveedores{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0}.proveedor{display:flex;align-items:center;gap:.6rem;padding:.75rem .9rem;border:1px solid var(--borde);border-radius:10px;cursor:pointer;margin:0}.proveedor.sel{border-color:var(--link);box-shadow:0 0 0 3px var(--focus-ring)}.proveedor.disabled{opacity:.55;cursor:not-allowed}.proveedor input{width:auto;margin:0}.proveedor-nombre{font-weight:600;color:var(--texto)}.key-estado{font-size:.8rem;color:var(--peligro)}.key-estado.ok{color:var(--ok)}.modelo-select{margin-left:auto;font-size:.8rem;padding:.2rem .4rem;border:1px solid var(--borde);border-radius:6px;background:var(--control-bg);color:var(--texto);cursor:pointer}.badge-activo{margin-left:.6rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;color:var(--link);background:var(--secondary);padding:.15rem .5rem;border-radius:999px}.ok-msg{color:var(--ok);font-size:.9rem;margin:.25rem 0}.qr-body{display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-img{width:220px;height:220px;border:1px solid var(--borde);border-radius:8px}.qr-placeholder{width:220px;height:220px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--borde);border-radius:8px}.qr-body label{width:100%}