:root{--fondo:#0b1016;--panel:#131c26;--borde:#223140;--texto:#e6edf3;--apagado:#8b9cad;--verde:#3fb950;--ambar:#d29922;--rojo:#f85149;--azul:#58a6ff;--toque:3rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);padding-bottom:env(safe-area-inset-bottom);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}.cifra{font-variant-numeric:tabular-nums;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.envoltorio{max-width:46rem;margin:0 auto;padding:1rem}.barra{border-bottom:1px solid var(--borde);background:var(--panel);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.marca{letter-spacing:.08em;font-weight:700}.quien{color:var(--apagado);text-align:right;font-size:.8rem}.rol{border:1px solid var(--borde);color:var(--azul);letter-spacing:.05em;border-radius:.25rem;margin-top:.15rem;padding:.1rem .45rem;font-size:.7rem;display:inline-block}.entrada{background:var(--panel);border:1px solid var(--borde);border-radius:.5rem;max-width:22rem;margin:3rem auto;padding:1.5rem}label{color:var(--apagado);margin:1rem 0 .35rem;font-size:.85rem;display:block}input{width:100%;min-height:var(--toque);background:var(--fondo);border:1px solid var(--borde);color:var(--texto);border-radius:.375rem;padding:0 .75rem;font-size:1rem}input:focus-visible{outline:2px solid var(--azul);outline-offset:1px}button{width:100%;min-height:var(--toque);background:var(--azul);color:#06121f;cursor:pointer;border:0;border-radius:.375rem;margin-top:1.25rem;font-size:1rem;font-weight:600}button:disabled{opacity:.5;cursor:progress}button.secundario{border:1px solid var(--borde);width:auto;min-height:2.25rem;color:var(--apagado);background:0 0;margin:0;padding:0 .9rem;font-weight:400}h1{letter-spacing:.04em;margin:1.5rem 0 .25rem;font-size:1.1rem}.subtitulo{color:var(--apagado);margin:0 0 1rem;font-size:.85rem}.activo{background:var(--panel);border:1px solid var(--borde);border-left:3px solid var(--azul);border-radius:.375rem;align-items:center;gap:.9rem;min-height:4rem;margin-bottom:.5rem;padding:.75rem 1rem;display:flex}.activo .codigo{color:var(--apagado);letter-spacing:.06em;font-size:.75rem}.activo .nombre{font-size:1.05rem;font-weight:600}.activo .cuenta{text-align:right;color:var(--apagado);margin-left:auto;font-size:.8rem}.tipo{color:var(--apagado);letter-spacing:.06em;background:#1b2733;border-radius:.25rem;padding:.15rem .5rem;font-size:.7rem}.aviso{border:1px solid var(--borde);background:var(--panel);border-radius:.375rem;padding:.9rem 1rem}.aviso.error{border-color:var(--rojo);color:var(--rojo)}.pie{border-top:1px solid var(--borde);color:var(--apagado);margin-top:2rem;padding-top:1rem;font-size:.75rem}