:root{color-scheme:dark;--negro: #080611;--violeta: #9855ff;--violeta-intenso: #6424d9;--lavanda: #d7c4ff;--blanco: #f5f3fa;--gris: #aaa3bc;--fondo: var(--negro);--superficie: rgba(152, 85, 255, .07);--texto: var(--blanco);--sutil: var(--gris);--borde: rgba(215, 196, 255, .16);--error: #ff7a9a;--ok-fondo: rgba(152, 85, 255, .16);--radio: 24px;--naranja: var(--violeta);--naranja-oscuro: var(--violeta-intenso);--marino: var(--negro);--marino-suave: #120d22}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;font-weight:400;background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased}h1{font-weight:800;font-size:1.6rem;letter-spacing:-.01em;margin:.4rem 0}h2,h3{font-weight:700}p{line-height:1.55}strong{font-weight:600}.sutil{color:var(--sutil);font-size:.92rem}.cargando{padding:3rem;text-align:center;color:var(--sutil)}.pantalla-centro{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse 60% 45% at 50% 30%,rgba(152,85,255,.22),transparent 70%),var(--negro)}.tarjeta{width:100%;max-width:420px;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:2rem 1.75rem;box-shadow:0 24px 60px #00000073,inset 0 1px #d7c4ff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.marca-logo{display:block;width:200px;height:auto;margin-bottom:1rem}.marca-avatar{display:block;width:36px;height:36px;border-radius:50%}form{display:grid;gap:.9rem;margin-top:1.2rem}label{display:grid;gap:.35rem;font-weight:500;font-size:.9rem;color:var(--lavanda)}input,select,textarea{font:inherit;color:var(--texto);background:#08061199;padding:.75rem 1rem;border:1px solid var(--borde);border-radius:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--violeta);box-shadow:0 0 0 3px #9855ff40}.boton{font:inherit;font-weight:600;padding:.85rem 1rem;border:0;border-radius:999px;background:linear-gradient(135deg,var(--violeta) 0%,var(--violeta-intenso) 100%);color:#fff;cursor:pointer;box-shadow:0 8px 24px #9855ff4d}.boton:hover:not(:disabled){filter:brightness(1.1)}.boton:disabled{opacity:.5;cursor:default;box-shadow:none}.enlaces{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.25rem}.enlace{font:inherit;font-size:.9rem;font-weight:500;background:none;border:0;padding:0;color:var(--lavanda);text-decoration:underline;text-decoration-color:var(--violeta);text-underline-offset:3px;cursor:pointer}.enlace:hover{color:#fff}.error{color:var(--error);font-size:.9rem}.aviso{margin-top:1.2rem;padding:1rem;border-radius:14px;background:var(--ok-fondo);border:1px solid var(--borde);line-height:1.5}.barra{display:flex;align-items:center;gap:.75rem;padding:.75rem 16px;background:#080611d9;border-bottom:1px solid var(--borde);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.barra strong{font-weight:700}.barra-derecha{margin-left:auto;display:flex;align-items:center;gap:1rem}.contenido{padding:2rem 16px;display:grid;justify-items:center}.contenido .tarjeta{max-width:720px}.tarjeta-pago{text-align:center}.precio{font-size:2.2rem;font-weight:800;margin:1rem 0}.precio span{font-size:1rem;font-weight:400;color:var(--sutil)}.precio-tachado{font-size:1.1rem;color:var(--sutil);font-weight:400;margin-right:.5rem}.cupon{display:flex;gap:.5rem;margin:.5rem 0}.cupon input{flex:1;min-width:0}.boton-secundario{background:transparent;border:1px solid var(--violeta);color:var(--lavanda);box-shadow:none;padding:.6rem 1rem}.form-pago{text-align:left;margin-top:1.5rem}.datos-banco{display:grid;gap:.5rem;padding:1rem;border-radius:16px;background:var(--ok-fondo);border:1px solid var(--borde)}.dato{display:grid;grid-template-columns:6.5rem 1fr auto;gap:.5rem;align-items:center}.dato strong{overflow-wrap:anywhere}.caja-error{margin:.75rem 0;padding:.75rem;border-radius:12px;background:#ff7a9a1a}input[type=file]{padding:.6rem}@media (max-width: 480px){.barra-derecha .sutil{display:none}}.admin{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 61px)}.admin-menu{display:flex;flex-direction:column;gap:.25rem;padding:1rem .75rem;border-right:1px solid var(--borde);position:sticky;top:61px;align-self:start;height:calc(100vh - 61px);overflow-y:auto}.admin-menu button{font:inherit;font-weight:500;text-align:left;color:var(--sutil);background:none;border:0;padding:.6rem .8rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.admin-menu button:hover{color:var(--texto);background:var(--superficie)}.admin-menu button.activo{color:#fff;background:var(--ok-fondo);box-shadow:inset 2px 0 0 var(--violeta)}.admin-recargar{margin-top:auto}.admin-menu{scrollbar-width:thin;scrollbar-color:rgba(215,196,255,.2) transparent}.instalar{font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;color:#fff;background:var(--violeta);border:0;border-radius:999px;padding:.4rem .9rem}.instalar-acceso{margin-top:1.25rem}.instalar-acceso .instalar{width:100%;padding:.7rem;background:transparent;border:1px solid var(--violeta);color:var(--lavanda)}.ayuda-iphone{position:absolute;right:16px;top:64px;z-index:20;max-width:280px;padding:.9rem 1rem;border-radius:14px;background:#1a1430;border:1px solid var(--borde);font-size:.9rem;line-height:1.5}.instalar-acceso .ayuda-iphone{position:static;margin-top:.75rem;max-width:none}.grafico-vacio{margin-top:1rem;padding:2.5rem 1rem;text-align:center;border-radius:16px;border:1px dashed var(--borde)}.globo{margin-left:auto;background:var(--violeta);color:#fff;border-radius:999px;font-size:.75rem;font-weight:700;padding:.1rem .5rem}.admin-contenido{padding:1.5rem 16px 3rem;max-width:1100px;width:100%}.admin-contenido .tarjeta{max-width:none}.bloque{margin-top:1rem;padding:1.25rem}.bloque h2{margin:0 0 .25rem;font-size:1.1rem}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem;margin-top:1rem}.kpis>div,.dato-kpi{display:grid;gap:.2rem;padding:1rem;border-radius:18px;background:var(--superficie);border:1px solid var(--borde)}.dato-kpi strong,.kpis>div strong{font-size:1.5rem;font-weight:800;color:var(--texto)}.dato-alerta{border-color:var(--violeta);box-shadow:0 0 0 1px var(--violeta),0 8px 24px #9855ff33}.kpis-chicos{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.kpis-chicos strong{font-size:1.15rem!important}.grafico{position:relative;display:flex;flex-direction:column;margin-top:1rem}.grafico-area{position:relative;flex:1;margin-left:4.5rem;border-bottom:1px solid var(--borde)}.grafico-linea{position:absolute;left:0;right:0;border-top:1px dashed rgba(215,196,255,.1)}.grafico-linea span{position:absolute;right:100%;transform:translateY(-50%);padding-right:.5rem;font-size:.72rem;color:var(--sutil);white-space:nowrap}.grafico-columna{position:absolute;top:0;bottom:0;display:flex;align-items:flex-end;justify-content:center;cursor:default}.grafico-barra{width:60%;max-width:36px;min-height:2px;background:var(--violeta);border-radius:4px 4px 0 0;transition:filter .15s}.grafico-barra.activa{filter:brightness(1.25)}.grafico-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:5;display:grid;gap:.1rem;padding:.5rem .75rem;border-radius:10px;white-space:nowrap;background:#1a1430;border:1px solid var(--borde);font-size:.8rem;color:var(--sutil);box-shadow:0 8px 24px #00000080}.grafico-columna:first-child .grafico-tooltip{left:0;transform:none}.grafico-columna:last-child .grafico-tooltip{left:auto;right:0;transform:none}.grafico-tooltip strong{color:var(--texto);font-size:.95rem}.grafico-columna{top:0}.grafico-columna .grafico-tooltip{bottom:auto;top:0}.grafico-ejes{display:flex;margin-left:4.5rem;padding-top:.4rem}.grafico-ejes span{text-align:center;font-size:.72rem;color:var(--sutil)}.barras-h{display:grid;gap:.75rem;margin-top:.75rem}.barra-h-texto{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;margin-bottom:.3rem}.barra-h-pista{height:10px;border-radius:999px;background:#d7c4ff12}.barra-h-relleno{height:100%;min-width:2px;border-radius:999px;background:var(--violeta)}.titulo-con-filtro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.titulo-con-filtro h2{margin:0}.selector{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--borde)}.selector button{font:inherit;font-size:.85rem;background:none;border:0;color:var(--sutil);padding:.35rem .8rem;border-radius:999px;cursor:pointer}.selector button.activo{background:var(--violeta);color:#fff}.filtros{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;align-items:center}.filtros>*{flex:0 1 220px}.filtros.sin-margen{margin-top:0}.tabla-scroll{overflow-x:auto;margin-top:.75rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;font-weight:500;color:var(--sutil);font-size:.8rem;padding:.5rem;border-bottom:1px solid var(--borde);white-space:nowrap}td{padding:.6rem .5rem;border-bottom:1px solid rgba(215,196,255,.06);vertical-align:top}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.negativo{color:var(--error)}.estado,.etiqueta{display:inline-block;font-size:.75rem;font-weight:600;padding:.15rem .6rem;border-radius:999px;white-space:nowrap}.etiqueta{background:var(--ok-fondo);color:var(--lavanda);margin-left:.4rem}.estado-aprobado{background:#50c88c26;color:#7fe0ae}.estado-pendiente{background:#ffbe5026;color:#ffcf7a}.estado-iniciado{background:#aaa3bc26;color:var(--gris)}.estado-rechazado{background:#ff7a9a26;color:var(--error)}.lista-tarjetas{display:grid;gap:.25rem}.pendiente-cabeza{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.pendiente .monto{font-size:1.4rem;font-weight:800}.acciones{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem}.acciones .boton{padding:.6rem 1.1rem}.boton-peligro{background:transparent;border:1px solid var(--error);color:var(--error);box-shadow:none}.form-grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem;align-items:end}.form-grilla .completo{grid-column:1 / -1}.form-grilla h2{margin:.5rem 0 0}.check{display:flex;align-items:center;gap:.5rem;font-weight:400;color:var(--texto)}.check input{width:auto}@media (max-width: 760px){.admin{grid-template-columns:minmax(0,1fr)}.admin-menu{flex-direction:row;overflow-x:auto;height:auto;position:sticky;top:61px;z-index:9;border-right:0;border-bottom:1px solid var(--borde);padding:.5rem;background:var(--negro)}.admin-menu button{white-space:nowrap}.admin-menu button.activo{box-shadow:inset 0 -2px 0 var(--violeta)}.admin-recargar{margin-top:0}.grafico-area,.grafico-ejes{margin-left:3.5rem}.ocultar-chico{visibility:hidden}}