:root{color-scheme:dark;--bg: #0d0f16;--bg2: #12151f;--panel: #181c28;--panel2: #222736;--border: #2c3242;--text: #eef1f8;--dim: #98a1b5;--accent: #6d8bff;--accent2: #a06bff;--grad: linear-gradient(135deg, #6d8bff 0%, #a06bff 100%);--grad-ok: linear-gradient(135deg, #12c98d 0%, #4ade80 100%);--grad-hero: linear-gradient(150deg, #1b2136 0%, #241d3d 55%, #2a1a33 100%);--ok: #35d69b;--warn: #f7b500;--bad: #ff5d73;--vales: #bd8cff;--shadow: 0 6px 24px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .25);--radio: 16px}:root[data-tema=claro]{color-scheme:light;--bg: #eef1f8;--bg2: #e6eaf3;--panel: #ffffff;--panel2: #f1f4fa;--border: #e0e5f0;--text: #1a1f2e;--dim: #6b7488;--accent: #5b6ef5;--accent2: #9333ea;--grad: linear-gradient(135deg, #5b6ef5 0%, #9333ea 100%);--grad-ok: linear-gradient(135deg, #059669 0%, #10b981 100%);--grad-hero: linear-gradient(150deg, #eef2ff 0%, #f5edff 55%, #fdeef8 100%);--ok: #059669;--warn: #d97706;--bad: #e11d48;--vales: #9333ea;--shadow: 0 6px 24px rgba(80, 90, 130, .14);--shadow-sm: 0 2px 10px rgba(80, 90, 130, .1)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);transition:background .35s ease;min-height:100dvh}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;transition:background .35s ease,color .35s ease;min-height:100dvh}#root{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative}.contenido{flex:1;padding:calc(env(safe-area-inset-top) + 16px) 16px 92px;animation:entrar .32s cubic-bezier(.22,1,.36,1)}@keyframes entrar{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes subir{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}@keyframes brillo{0%{background-position:-200% 0}to{background-position:200% 0}}h1{font-size:1.35rem;margin-bottom:4px;letter-spacing:-.02em;padding-right:48px}h2{font-size:.78rem;color:var(--dim);font-weight:700;margin:20px 0 10px;text-transform:uppercase;letter-spacing:.08em}.tarjeta{background:var(--panel);border:1px solid var(--border);border-radius:var(--radio);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm);animation:subir .4s cubic-bezier(.22,1,.36,1) both}.tarjeta.hero{background:var(--grad-hero);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.tarjeta.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(160,107,255,.16),transparent 45%);pointer-events:none}.tarjeta.hero .fila{text-align:left;position:relative}.fila{display:flex;justify-content:space-between;align-items:center;gap:8px}.dim{color:var(--dim);font-size:.85rem}.grande{font-size:2.1rem;font-weight:800;letter-spacing:-.03em;background:var(--grad-ok);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;animation:pop .45s cubic-bezier(.22,1,.36,1)}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}.tema-toggle{position:absolute;top:calc(env(safe-area-inset-top) + 14px);right:14px;z-index:40;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:1.1rem;cursor:pointer;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;transition:transform .25s ease,background .35s ease}.tema-toggle:active{transform:scale(.88) rotate(-20deg)}.tabs{position:fixed;bottom:0;left:0;right:0;max-width:520px;margin:0 auto;display:flex;background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:30}.tabs button{flex:1;background:none;border:none;color:var(--dim);font-size:.64rem;padding:9px 2px 7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:color .2s ease,transform .15s ease}.tabs button .icono{font-size:1.3rem;transition:transform .25s cubic-bezier(.22,1,.36,1);display:inline-block}.tabs button.activa{color:var(--accent)}.tabs button.activa .icono{transform:translateY(-3px) scale(1.15)}.tabs button:active .icono{transform:scale(.85)}input,select,textarea{width:100%;background:var(--panel2);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:12px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}label{display:block;font-size:.8rem;color:var(--dim);margin:12px 0 6px}.monto-input{font-size:2.4rem;font-weight:800;text-align:center;padding:18px;letter-spacing:-.02em}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:9px 15px;font-size:.9rem;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease}.chip:active{transform:scale(.94)}.chip.activa{background:var(--grad);border-color:transparent;color:#fff;font-weight:700;box-shadow:var(--shadow-sm)}.chip.vales-activa{background:linear-gradient(135deg,var(--vales),#d8b4fe);border-color:transparent;color:#fff;font-weight:700}.boton{width:100%;background:var(--grad);color:#fff;border:none;border-radius:14px;padding:15px;font-size:1.05rem;font-weight:700;cursor:pointer;margin-top:16px;box-shadow:var(--shadow-sm);transition:transform .15s ease,filter .2s ease,opacity .2s ease}.boton:active{transform:scale(.97);filter:brightness(1.08)}.boton:disabled{opacity:.4;box-shadow:none}.boton.secundario{background:var(--panel2);border:1px solid var(--border);color:var(--text);box-shadow:none}.boton.chico{width:auto;padding:8px 14px;font-size:.85rem;margin:0}.boton.peligro{background:linear-gradient(135deg,#ff5d73,#ff8a5c)}.barra{height:9px;background:var(--panel2);border-radius:99px;overflow:hidden;margin-top:7px}.barra>div{height:100%;border-radius:99px;background:var(--grad);transition:width .5s cubic-bezier(.22,1,.36,1)}.barra>div.excedido{background:linear-gradient(135deg,#ff5d73,#ff8a5c)}.barra>div.verde{background:var(--grad-ok)}.check-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border);transition:opacity .3s ease}.check-item:last-child{border-bottom:none}.check-item .nombre{flex:1}.check-item.pagado .nombre{text-decoration:line-through;color:var(--dim)}.check-item.pagado{opacity:.65}.etiqueta{font-size:.68rem;padding:2px 8px;border-radius:99px;background:var(--panel2);color:var(--dim);border:1px solid var(--border);display:inline-block}.etiqueta.vales{color:var(--vales);border-color:var(--vales)}.etiqueta.alerta{color:var(--warn);border-color:var(--warn)}.toast{position:fixed;top:calc(env(safe-area-inset-top) + 14px);left:50%;transform:translate(-50%);background:var(--grad-ok);color:#fff;font-weight:700;padding:11px 22px;border-radius:99px;z-index:50;box-shadow:var(--shadow);animation:aparecer .28s cubic-bezier(.22,1,.36,1)}.toast.error{background:linear-gradient(135deg,#ff5d73,#ff8a5c)}@keyframes aparecer{0%{opacity:0;transform:translate(-50%,-12px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.segmento{display:flex;background:var(--panel2);border-radius:12px;padding:4px;margin-bottom:14px}.segmento button{flex:1;border:none;background:none;color:var(--dim);font-weight:700;padding:9px;border-radius:9px;cursor:pointer;font-size:.95rem;transition:background .2s ease,color .2s ease}.segmento button.activa{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.banner-offline{position:sticky;top:env(safe-area-inset-top);z-index:20;background:linear-gradient(135deg,#f7b500,#ff8a5c);color:#2a1500;font-size:.8rem;font-weight:700;text-align:center;padding:8px 44px;line-height:1.3;animation:entrar .25s ease}.banner-offline.sync{background:var(--grad);color:#fff}.selector-quincena{display:flex;gap:8px;align-items:center;margin-bottom:14px}.selector-quincena select{width:auto;flex:1}.login-caja{display:flex;flex-direction:column;justify-content:center;min-height:80dvh;padding:calc(env(safe-area-inset-top) + 24px) 24px 24px;animation:entrar .4s ease}