:root{--bg: #0f1115;--panel: #191c23;--panel2: #21252f;--border: #2b303c;--text: #e8eaf0;--dim: #9aa1af;--accent: #4f8cff;--ok: #3ecf8e;--warn: #f5a623;--bad: #ef5f6b;--vales: #b07cf5}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#root{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.contenido{flex:1;padding:16px 16px 84px}h1{font-size:1.15rem;margin-bottom:4px}h2{font-size:.95rem;color:var(--dim);font-weight:600;margin:18px 0 8px;text-transform:uppercase;letter-spacing:.04em}.tarjeta{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:10px}.fila{display:flex;justify-content:space-between;align-items:center;gap:8px}.dim{color:var(--dim);font-size:.85rem}.grande{font-size:1.7rem;font-weight:700}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}.tabs{position:fixed;bottom:0;left:0;right:0;max-width:520px;margin:0 auto;display:flex;background:var(--panel);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex:1;background:none;border:none;color:var(--dim);font-size:.68rem;padding:10px 2px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}.tabs button .icono{font-size:1.25rem}.tabs button.activa{color:var(--accent)}input,select,textarea{width:100%;background:var(--panel2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:12px;font-size:1rem}input:focus,select:focus{outline:2px solid var(--accent);border-color:transparent}label{display:block;font-size:.8rem;color:var(--dim);margin:12px 0 6px}.monto-input{font-size:2.2rem;font-weight:700;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 14px;font-size:.9rem;cursor:pointer}.chip.activa{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.chip.vales-activa{background:var(--vales);border-color:var(--vales);color:#fff;font-weight:600}.boton{width:100%;background:var(--accent);color:#fff;border:none;border-radius:12px;padding:15px;font-size:1.05rem;font-weight:700;cursor:pointer;margin-top:16px}.boton:disabled{opacity:.4}.boton.secundario{background:var(--panel2);border:1px solid var(--border)}.boton.chico{width:auto;padding:8px 14px;font-size:.85rem;margin:0}.boton.peligro{background:var(--bad)}.barra{height:8px;background:var(--panel2);border-radius:99px;overflow:hidden;margin-top:6px}.barra>div{height:100%;border-radius:99px;background:var(--accent);transition:width .3s}.barra>div.excedido{background:var(--bad)}.barra>div.verde{background:var(--ok)}.check-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.check-item:last-child{border-bottom:none}.check-item .nombre{flex:1}.check-item.pagado .nombre{text-decoration:line-through;color:var(--dim)}.etiqueta{font-size:.68rem;padding:2px 8px;border-radius:99px;background:var(--panel2);color:var(--dim);border:1px solid var(--border)}.etiqueta.vales{color:var(--vales);border-color:var(--vales)}.etiqueta.alerta{color:var(--warn);border-color:var(--warn)}.toast{position:fixed;top:14px;left:50%;transform:translate(-50%);background:var(--ok);color:#06281a;font-weight:700;padding:10px 20px;border-radius:99px;z-index:50;animation:aparecer .2s ease-out}.toast.error{background:var(--bad);color:#fff}@keyframes aparecer{0%{opacity:0;transform:translate(-50%,-8px)}}.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:24px}