:root{--morado: #193b68;--morado-osc: #102d52;--morado-suave: #e7f4f2;--texto: #142238;--muted: #64748b;--borde: #e2e8f0;--fondo: #f1f5f9;--ok: #0f9f8f;--warn: #c98821;--peligro: #c2414b;--card: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 500px at 50% -10%,#dff4f1,#f4f7fb 60%);color:var(--texto)}#root{display:flex;min-height:100vh;justify-content:center;padding:24px 0}.phone{width:390px;height:780px;max-height:94vh;background:var(--fondo);border-radius:38px;border:10px solid #0f172a;box-shadow:0 24px 60px #14223838;display:flex;flex-direction:column;overflow:hidden}.screen{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.scroll{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin}.app-header{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;background:var(--card);border-bottom:1px solid var(--borde)}.app-header .brand{color:var(--morado);font-weight:800;letter-spacing:.5px;font-size:16px}.app-header .muted-small{font-size:11px;color:var(--muted)}.header-spacer{flex:1}.icon-btn{background:transparent;border:none;color:var(--texto);font-size:20px;padding:6px;border-radius:10px;cursor:pointer}.icon-btn:hover{background:var(--morado-suave)}.badge-dot{position:relative}.badge-dot:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--peligro)}.card{background:var(--card);border-radius:18px;padding:16px;border:1px solid var(--borde);box-shadow:0 8px 22px #1422380d;margin-bottom:12px}.balance-hero{background:linear-gradient(135deg,var(--morado) 0%,var(--morado-osc) 100%);color:#fff;border:none}.balance-hero .saldo-label{font-size:13px;opacity:.85}.balance-hero .saldo-monto{font-size:40px;font-weight:800;letter-spacing:-1px;margin:2px 0}.chip-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;background:#ffffff2e}.chip-pill.ok{background:var(--ok)}.chip-pill.warn{background:var(--warn)}.chip-pill.danger{background:var(--peligro)}.eta-row{display:flex;align-items:center;gap:10px}.eta-min{font-size:26px;font-weight:800;color:var(--morado)}.h2{font-size:16px;font-weight:700;margin:4px 0 10px}.muted{color:var(--muted);font-size:12px}.btn{border:none;border-radius:14px;padding:12px 16px;font-size:14px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--morado),var(--morado-osc));color:#fff;width:100%}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:var(--morado-suave);color:var(--morado-osc)}.btn.danger{background:#fee2e2;color:var(--peligro)}.btn.small{padding:8px 12px;font-size:13px;width:auto}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.action-tile{background:var(--morado-suave);border-radius:14px;padding:14px 6px;text-align:center;font-size:12px;font-weight:600;cursor:pointer;border:none;color:var(--morado-osc)}.action-tile .icon{font-size:22px;display:block;margin-bottom:4px}.list-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--borde)}.list-item:last-child{border-bottom:none}.list-item .grow{flex:1}.list-item .fecha{font-size:11px;color:var(--muted)}.list-item .monto{font-weight:700}.tabbar{display:flex;border-top:1px solid var(--borde);background:var(--card)}.tabbar button{flex:1;border:none;background:transparent;padding:10px 4px 12px;font-size:10px;font-weight:600;color:var(--muted);cursor:pointer}.tabbar button.active{color:var(--morado)}.tabbar button .icon{font-size:20px;display:block;margin-bottom:2px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:5px;color:var(--texto)}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid var(--borde);border-radius:12px;font-size:14px;background:#fff;color:var(--texto)}.field input:focus,.field select:focus{outline:2px solid var(--morado-suave);border-color:var(--morado)}.monto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.monto-opt{border:1.5px solid var(--borde);background:#fff;border-radius:12px;padding:12px 4px;font-weight:700;cursor:pointer}.monto-opt.sel{border-color:var(--morado);color:var(--morado);background:var(--morado-suave)}.seg{display:flex;background:var(--morado-suave);border-radius:12px;padding:4px}.seg button{flex:1;border:none;background:transparent;padding:8px;border-radius:9px;font-weight:600;color:var(--muted);cursor:pointer}.seg button.active{background:var(--morado);color:#fff}.stars{display:flex;gap:6px;font-size:24px}.stars button{background:none;border:none;font-size:24px;cursor:pointer;color:#cbd5e1}.stars button.on{color:#f59e0b}.folio{border:1px dashed var(--morado);background:var(--morado-suave);color:var(--morado-osc);border-radius:12px;padding:12px;font-weight:700;text-align:center;font-size:14px}.toast{position:absolute;bottom:90px;left:16px;right:16px;background:#0f172a;color:#fff;border-radius:12px;padding:12px 14px;font-size:13px;box-shadow:0 10px 30px #0000004d}.error-banner{background:#fee2e2;color:var(--peligro);border-radius:12px;padding:10px 12px;font-size:13px;margin-bottom:12px}.text-center{text-align:center}.spacer{flex:1}.row{display:flex;gap:10px}.row>*{flex:1}