*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{font-family:Lato,system-ui,sans-serif;color-scheme:light}html,body,#root{min-height:100dvh}body{background:#ebf3f9;color:#22304a;font-family:Lato,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}a{color:inherit;text-decoration:none}img{display:block}input{font-family:inherit}.app-shell{min-height:100dvh;width:100%;background:linear-gradient(163deg,#e5f0f8 2%,#ebf3f9 97%)}.app-shell.dark{background:linear-gradient(163deg,#33383d 2%,#191b1e 97%)}.app-shell>.s{max-width:480px;margin:0 auto}.s{min-height:100dvh;position:relative;display:flex;flex-direction:column;font-family:Lato,sans-serif;--ink: #22304a;--ink2: #31456a;--mut: #798488;--mut2: #7888a2;--bg1: #e5f0f8;--bg2: #ebf3f9;--surf: #eaf3f9;--surf2: #e3edf7;--surf3: #dee8f2;--accent-a: #ff5c5b;--accent-b: #fe7e5b;--good: #73ac37;--good-b: #c5df49;--bad: #ff5c5b;background:linear-gradient(163deg,var(--bg1) 2%,var(--bg2) 97%);color:var(--ink)}.scr-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:30px;padding-bottom:118px}.s .neu{background:var(--surf);border-radius:20px;box-shadow:5px 7px 13px #aeaeae4d,-3px -3px 8px #fffc}.s .neu-in{border-radius:20px;background:var(--surf);border:1px solid #fff;box-shadow:inset 2px 2px 5px #698dad66}.s .neu-raised{border-radius:20px;background:var(--surf2);border:2px solid #fff;box-shadow:inset -3px -3px 4px #ffffffe0,inset 2px 2px 7px #4967865c}.s .pressable{transition:box-shadow .12s,transform .12s}.s .pressable:active{box-shadow:inset 3px 4px 9px #7896b473,inset -3px -3px 7px #ffffffd9}.s.dark{--ink: #e3edf7;--ink2: #e3edf7;--mut: #798488;--mut2: #97a3ac;--bg1: #33383d;--bg2: #191b1e;--surf: #2c333a;--surf2: #23272c;--surf3: #272b30;background:linear-gradient(163deg,#33383d 2%,#191b1e 97%)}.s.dark .neu{background:linear-gradient(144deg,#32383e 69%,#17191c 122%);box-shadow:-4px -2px 16px #c3c8cd14,4px 4px 18px #00000080;border-radius:16px}.s.dark .neu-in{background:linear-gradient(171deg,#272b30 8%,#1c1f22 89%);border:1px solid #32383e;box-shadow:inset 2px 3px 10px #07090a,inset -1px -1px 3px #ffffff0a;border-radius:16px}.s.dark .neu-raised{background:linear-gradient(150deg,#32383e 60%,#17191c 120%);border:2px solid #454c54;box-shadow:inset 2px 3px 10px #07090a,inset -1px -1px 3px #ffffff0d;border-radius:16px}.s.dark .pressable:active{box-shadow:inset 2px 3px 12px #050507,inset -2px -2px 8px #ffffff0a}.s.dark .silver{color:#e3edf7}.s .pad{padding:0 30px}.s .h1{font-family:Lato,sans-serif;font-weight:800;font-size:32px;line-height:1.15}.s .row{display:flex;align-items:center}.s .between{justify-content:space-between}.s .col{display:flex;flex-direction:column}.s .sb{font-size:12px;font-weight:500;color:var(--mut)}.ico-btn{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;flex:none}.ico-btn img{width:60.5px;height:60.5px}.bottomnav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:480px;box-sizing:border-box;padding:14px 30px calc(14px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;z-index:10}.nav-ico{width:57px;height:57px;border-radius:20px;display:grid;place-items:center;position:relative;flex:none;background:var(--surf);box-shadow:5px 7px 13px #aeaeae4d,-3px -3px 8px #fffc}.nav-ico img{width:24px;height:24px}.s.dark .nav-ico{background:linear-gradient(144deg,#32383e 69%,#17191c 122%);box-shadow:-4px -2px 16px #c3c8cd14,4px 4px 18px #00000080;border-radius:16px}.nav-ico.active{border:2px solid #fff;border-radius:18px;box-shadow:inset -3px -3px 4px #ffffffe0,inset 2px 2px 7px #4967865c,-1px -1px 4px #fff,.5px .5px .5px #00000029}.s.dark .nav-ico.active{border-radius:16px;border:none;background:linear-gradient(-56deg,#2c333a,#1c1e22 55%,#121416);box-shadow:inset -2px -2px 10px #ffffff0d,inset 2px 3px 10px #070709}.nav-badge{position:absolute;top:-4px;right:-2px;min-width:20px;height:20px;padding:0 4px;border-radius:50%;background:var(--accent-a);color:#fff;font-size:11px;font-weight:700;font-family:Rubik,sans-serif;display:grid;place-items:center;box-shadow:0 2px 6px #ff5c5b80}.pill{padding:0 16px;height:55px;border-radius:20px;font-weight:800;font-size:14px;color:var(--mut);background:var(--surf);box-shadow:5px 7px 13px #aeaeae4d,-3px -3px 8px #fffc;display:grid;place-items:center;flex:1;text-align:center}.pill.active{background:var(--surf2);border:2px solid #fff;box-shadow:inset -3px -3px 4px #ffffffe0,inset 2px 2px 7px #4967865c}.s.dark .pill{background:linear-gradient(144deg,#32383e 69%,#17191c 122%);box-shadow:-4px -2px 16px #c3c8cd14,4px 4px 18px #00000080}.s.dark .pill.active{background:linear-gradient(150deg,#32383e 60%,#17191c 120%);border:2px solid #454c54;box-shadow:inset 2px 3px 10px #07090a;color:var(--ink)}.tgl{width:48px;height:26px;border-radius:35px;position:relative;flex:none;border:2px solid #fefeff}.tgl .knob{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:35px;background:linear-gradient(130deg,#e6eef8,#fff 111%);box-shadow:5px 2px 16px #88a5bfc7,inset 0 -1px 1px #55667b66}.tgl.off{background:var(--surf);box-shadow:inset 4px 4px 6px #7289a05e}.tgl.off .knob{left:3px}.tgl.on{background:linear-gradient(90deg,var(--accent-a) 1%,var(--accent-b) 47%)}.tgl.on .knob{right:3px;left:auto}.s.dark .tgl.off{background:#1c1f22;box-shadow:inset 4px 4px 8px #07090a}.visa{position:relative;border-radius:24px;padding:20px 22px;color:var(--ink);overflow:hidden;background:linear-gradient(199deg,#ebf2f9 19%,#c6d7eb 155%);box-shadow:0 7px 50px #7ca2cb4d,-6px -5px 38px #ffffff8a,8px 40px 96px #123d6524;border:1px solid #fff}.s.dark .visa{background:linear-gradient(-42deg,#2c333a,#1c1e22 55%,#121416);border:1px solid var(--accent-a);box-shadow:inset -2px -2px 10px #ffffff0d,inset 2px 3px 10px #070709}.visa .num{font-family:Rubik,sans-serif;font-size:22px;font-weight:500;letter-spacing:.01em}.visa .lbl{font-size:14px;font-weight:500;color:var(--mut);letter-spacing:0}.visa .val{font-family:Rubik,sans-serif;font-size:14px;font-weight:500}.opt-row{height:59px;border-radius:20px;padding:0 18px;display:flex;align-items:center;gap:12px;background:var(--surf);box-shadow:10px 10px 36px #aeaeae33,-3px -3px 8px #fffc}.s.dark .opt-row{background:linear-gradient(144deg,#32383e 69%,#17191c 122%);box-shadow:-4px -2px 16px #c3c8cd14,4px 4px 18px #00000080}.opt-row .ic-circle{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--mut)}.opt-row .ic-circle img{width:18px;height:18px}.opt-row .led{width:8px;height:8px;border-radius:50%;margin-left:6px}.slider{height:14px;border-radius:20px;position:relative}.slider .fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;overflow:hidden}.slider .fill img{width:314px;max-width:none;height:100%;object-fit:cover}.slider .grip{position:absolute;top:50%;width:30px;height:30px;border-radius:50%;transform:translate(-50%,-50%);background:var(--surf);box-shadow:5px 7px 13px #aeaeae4d,-3px -3px 8px #fffc;display:grid;place-items:center}.slider .grip .sq{display:grid;grid-template-columns:repeat(2,4px);grid-template-rows:repeat(2,4px);gap:2px}.slider .grip .sq span{background:var(--mut);border-radius:1px}.s.dark .slider .grip{background:linear-gradient(144deg,#32383e 69%,#17191c 122%);box-shadow:-4px -2px 16px #c3c8cd14,4px 4px 18px #00000080}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.key{height:66px;border-radius:12px;display:grid;place-items:center;font-family:Rubik,sans-serif;font-size:24px;font-weight:500;color:var(--mut);background:var(--surf);border:1px solid #fff;box-shadow:inset 2px 2px 5px #698dad66}.s.dark .key{background:linear-gradient(171deg,#272b30 8%,#1c1f22 89%);border:1px solid #32383e;box-shadow:inset 2px 3px 10px #07090a}.pinbox{width:72px;height:90px;border-radius:12px;display:grid;place-items:center;background:var(--surf);border:1px solid #fff;box-shadow:inset 2px 2px 5px #698dad66}.pinbox.active{border-radius:20px;box-shadow:5px 7px 13px #aeaeae4d,-3px -3px 8px #fffc;border:none}.pinbox .dot{font-family:Rubik,sans-serif;font-size:30px;color:var(--ink)}.s.dark .pinbox{background:linear-gradient(171deg,#272b30 8%,#1c1f22 89%);border:1px solid #32383e;box-shadow:inset 2px 3px 10px #07090a}.s.dark .pinbox.active{background:linear-gradient(144deg,#32383e 69%,#17191c 122%);border:none;box-shadow:-4px -2px 16px #c3c8cd14,4px 4px 18px #00000080}.lrow{display:flex;align-items:center;gap:14px;padding:0 18px;height:90px;border-radius:20px;background:var(--surf);box-shadow:5px 7px 13px #aeaeae4d,-3px -3px 8px #fffc}.s.dark .lrow{background:linear-gradient(144deg,#32383e 69%,#17191c 122%);box-shadow:-4px -2px 16px #c3c8cd14,4px 4px 18px #00000080}.lrow .nm{font-weight:700;font-size:14px;color:var(--ink)}.lrow .sb{font-size:14px;font-weight:500;color:var(--surf2);margin-top:6px}.s.dark .lrow .sb{color:#4a5158}.amt{font-weight:700;font-size:20px;margin-top:8px}.amt.pos{color:var(--good)}.amt.neg{color:var(--accent-a)}.chip-arrow{width:48.9px;height:48.9px;flex:none}.chip-arrow-dark{display:grid;place-items:center;border-radius:50%;background:linear-gradient(144deg,#32383e 69%,#17191c 122%);box-shadow:-4px -2px 16px #c3c8cd14,4px 4px 18px #00000080}.chip-arrow-dark img{width:40%;height:40%}.input{width:100%;height:100%;background:transparent;border:none;outline:none;font-weight:700;font-size:15px;color:var(--ink);font-family:inherit}.input::placeholder{color:var(--mut);font-weight:600}.err{color:var(--bad);font-weight:700;font-size:13px}.cta{height:54px;border-radius:16px;padding:0 20px;font-weight:800;font-size:14px;display:grid;place-items:center;transition:box-shadow .12s,opacity .15s}.cta.accent{background:linear-gradient(90deg,var(--accent-a) 1%,var(--accent-b) 47%);color:#fff;box-shadow:0 10px 24px #ff5c5b59}.cta.accent:active{box-shadow:0 4px 12px #ff5c5b59}.cta.disabled{opacity:.4;pointer-events:none}.cta-row{height:60px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;text-decoration:none;background:var(--surf);box-shadow:5px 7px 13px #aeaeae4d,-3px -3px 8px #fffc;font-weight:800;font-size:14px;color:var(--mut)}.s.dark .cta-row{background:linear-gradient(144deg,#32383e 69%,#17191c 122%);box-shadow:-4px -2px 16px #c3c8cd14,4px 4px 18px #00000080}.fadeup{animation:fadeup .5s cubic-bezier(.2,.8,.2,1) both}@keyframes fadeup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a101c59;z-index:40}.sheet-panel{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:480px;box-sizing:border-box;z-index:41;background:#eaf3f9;color:#22304a;border-radius:26px 26px 0 0;padding:22px 22px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;box-shadow:0 -20px 50px #141e324d;animation:sheetup .22s cubic-bezier(.2,.8,.2,1) both}.sheet-panel.dark{background:#20242a;color:#e3edf7}@keyframes sheetup{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.sheet-title{font-weight:800;font-size:18px}.sheet-row{height:56px;border-radius:16px;padding:0 18px;display:flex;align-items:center;font-weight:700;background:#96a6ba24}.sheet-panel.dark .sheet-row{background:#ffffff0f}.sheet-btn{width:100%;justify-content:center;text-align:center}.modesw{width:124px;height:60px;border-radius:12px;background:var(--surf3);border:1px solid #fff;box-shadow:inset 2px 2px 5px #698dad66;display:flex;align-items:center;padding:5px;gap:6px}.modesw .opt{flex:1;height:100%;border-radius:11px;display:grid;place-items:center}.modesw .opt.active{background:var(--surf2);box-shadow:5px 2px 16px #88a5bfc7,inset 0 -1px 1px #55667b66}.modesw .opt svg{width:22px;height:22px}.s.dark .modesw{background:#1c1f22;border-color:#32383e}.s.dark .modesw .opt.active{background:linear-gradient(144deg,#32383e 69%,#17191c 122%);box-shadow:none}.approve-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#e5f0f8b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadein .18s both}.s.dark~.approve-backdrop,.approve-backdrop.dark{background:#191b1ebf}@keyframes fadein{0%{opacity:0}to{opacity:1}}.approve-card{width:267px;border-radius:24px;padding:34px 26px;text-align:center;background:linear-gradient(199deg,#ebf2f9 19%,#c6d7eb 155%);border:1px solid #fff;box-shadow:0 7px 50px #7ca2cb4d,-6px -5px 38px #ffffff8a,8px 40px 96px #123d6524;animation:popin .22s cubic-bezier(.2,.8,.2,1) both}.approve-card.dark{background:linear-gradient(-42deg,#2c333a,#1c1e22 55%,#121416);border:none;box-shadow:inset -2px -2px 10px #ffffff0d,inset 2px 3px 10px #070709,0 20px 60px #00000080}@keyframes popin{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.approve-card h3{font-size:18px;font-weight:700;color:var(--ink2);margin-bottom:22px}.approve-card .fp-btn{width:120px;height:120px;border-radius:50%;margin:0 auto 22px;display:grid;place-items:center;background:var(--surf);box-shadow:5px 7px 13px #aeaeae4d,-3px -3px 8px #fffc;position:relative}.approve-card.dark .fp-btn{background:linear-gradient(144deg,#32383e 69%,#17191c 122%);box-shadow:-4px -2px 16px #c3c8cd14,4px 4px 18px #00000080}.approve-card .fp-btn svg{width:46px;height:46px;color:var(--mut)}.approve-card .fp-link{font-size:14px;font-weight:700;color:var(--mut);text-decoration:underline}
