:root{--fondo: #06070a;--panel: #101219;--borde: rgba(255, 255, 255, .1);--texto: #f4f5f7;--tenue: #9aa0ad;--acento: #e0245e;--ok: #4ade80;--alerta: #fbbf24;color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--fondo);color:var(--texto);font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}main{max-width:680px;margin:0 auto;padding:1.25rem 1rem 3rem}header h1{font-size:1.35rem;margin:0 0 .2rem}header p{margin:0 0 1.25rem;color:var(--tenue);font-size:.85rem}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:.85rem;padding:1rem;margin-bottom:.85rem}.total{text-align:center;padding:1.35rem 1rem}.total span{display:block;color:var(--tenue);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.total strong{display:block;font-size:2.1rem;margin-top:.35rem;font-variant-numeric:tabular-nums}.sucursal{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.sucursal h2{font-size:1rem;margin:0 0 .15rem}.sucursal .monto{font-size:1.25rem;font-variant-numeric:tabular-nums;white-space:nowrap}.meta{color:var(--tenue);font-size:.78rem;margin:0}.meta.desfasado{color:var(--alerta)}.sin-nombre{color:var(--tenue);font-style:italic}label{display:block;font-size:.8rem;margin-bottom:.3rem;color:var(--tenue)}input{width:100%;padding:.7rem .8rem;border-radius:.55rem;border:1px solid var(--borde);background:#0a0c11;color:var(--texto);font-size:1rem;margin-bottom:.85rem}button{width:100%;padding:.8rem;border-radius:.55rem;border:none;background:var(--acento);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}button.secundario{background:transparent;border:1px solid var(--borde);color:var(--tenue)}button.boton-compacto{width:auto;padding:.4rem .65rem;font-size:.8rem}button:disabled{opacity:.55;cursor:default}.error{border-color:#e0245e73;background:#e0245e14;color:#ffc9d6;font-size:.85rem}.estado-conexion{border-color:#fbbf2473;color:var(--alerta);font-size:.85rem}.sin-conexion{display:none!important}.pie{color:var(--tenue);font-size:.72rem;text-align:center;margin-top:1.5rem}.oculto{display:none!important}select{width:100%;padding:.7rem .8rem;border-radius:.55rem;border:1px solid var(--borde);background:#0a0c11;color:var(--texto);font-size:1rem;margin-bottom:.85rem}.fila-lista{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--borde)}.fila-lista:last-child{border-bottom:none}.fila-lista .monto{font-variant-numeric:tabular-nums;white-space:nowrap}.etiqueta{display:inline-block;font-size:.7rem;padding:.1rem .45rem;border-radius:.3rem;border:1px solid var(--borde);color:var(--tenue)}.etiqueta.ok{color:var(--ok);border-color:#4ade8066}.etiqueta.espera{color:var(--alerta);border-color:#fbbf2466}.etiqueta.falla{color:#ffc9d6;border-color:#e0245e73}.form-fechas{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end;margin-bottom:.75rem}.form-fechas label{margin:0}.form-fechas input{width:auto;flex:1 1 8rem;margin-bottom:0}.form-fechas button{width:auto;flex:0 0 auto}.clave-temporal{font-family:ui-monospace,Cascadia Code,Menlo,monospace;background:#4ade801a;border:1px solid rgba(74,222,128,.4);border-radius:.4rem;padding:.5rem .6rem;margin-top:.4rem;font-size:.85rem;word-break:break-word}