:root{--bg:#eef2f6;--surface:#fff;--soft:#f4f6f8;--ink:#101828;--muted:#667085;--line:#e4e7ec;--brand:#0069c8;--brand-dark:#102437;--brand-soft:#e7f2ff;--accent:#d71920;--success:#067647;--danger:#b42318;--shadow:0 18px 45px rgba(16,24,40,.12)}*{box-sizing:border-box}body,html{min-height:100%;margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}b,strong{font-weight:600}h1,h2,h3{font-weight:650}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input,select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,105,200,.14)}label{display:grid;grid-gap:7px;gap:7px;color:#344054;font-size:12px;font-weight:600}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.phone-shell{width:100%;min-height:100vh;margin:0 auto;background:var(--surface);box-shadow:none}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:22px;background:linear-gradient(135deg,rgba(0,105,200,.92),rgba(16,36,55,.98)),var(--brand-dark)}.auth-card{display:grid;width:min(460px,100%);grid-gap:18px;gap:18px;border:1px solid hsla(0,0%,100%,.24);border-radius:8px;padding:24px;background:#fff;box-shadow:var(--shadow)}.auth-card img{width:184px;min-height:64px;height:auto;object-fit:contain}.auth-title{display:grid;grid-gap:4px;gap:4px}.auth-title span{color:var(--brand);font-size:12px;font-weight:650;letter-spacing:.02em;text-transform:uppercase}.auth-title h1{margin:0;font-size:28px;font-weight:650;line-height:1.1}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:4px;border-radius:8px;background:var(--soft)}.auth-tabs button{min-height:40px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:600}.auth-tabs button.active{background:#fff;color:var(--brand);box-shadow:0 8px 20px rgba(16,24,40,.08)}.auth-form{display:grid;grid-gap:13px;gap:13px}.auth-note{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.finish-form{grid-template-columns:repeat(2,minmax(0,1fr))}.finish-form .auth-note,.finish-form button,.finish-form label:first-of-type{grid-column:1/-1}.auth-form button{min-height:48px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:650}.auth-form .auth-link-button{min-height:auto;justify-self:start;padding:0;border-radius:0;background:transparent;color:var(--brand);font-weight:600}.auth-complete{display:grid;grid-gap:14px;gap:14px}.auth-complete-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:50%;background:#ecfdf3;color:var(--success);font-size:28px;font-weight:700}.auth-complete strong{color:var(--ink);font-size:20px;font-weight:650}.auth-complete p{margin:0;color:var(--muted);line-height:1.5}.auth-complete span{color:var(--ink);font-weight:650}.auth-complete button{min-height:48px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:650}.auth-complete .auth-link-button{min-height:auto;justify-self:start;padding:0;border-radius:0;background:transparent;color:var(--brand)}.hero{background:linear-gradient(135deg,rgba(0,105,200,.94),rgba(16,36,55,.98)),var(--brand-dark);color:#fff;padding:26px clamp(18px,4vw,42px) 34px}.hero>*{width:min(1180px,100%);margin-right:auto;margin-left:auto}.account-strip,.action-banner,.balance-section,.brand-row,.notice-card,.section-title,.statement-row,.top-actions,.topbar{display:flex;align-items:center}.topbar{justify-content:space-between;gap:16px}.top-actions{gap:12px}.avatar-button,.chevron-button,.ghost-icon,.icon-only,.text-button{border:0;background:transparent;color:inherit}.avatar-button{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:hsla(0,0%,100%,.16)}.avatar-button svg{width:30px;height:30px}.chevron-button,.ghost-icon,.icon-only{display:grid;width:42px;height:42px;place-items:center;border-radius:50%}.ghost-icon{background:hsla(0,0%,100%,.1)}.brand-row{justify-content:space-between;gap:18px;margin-top:26px}.brand-row img{width:178px;height:auto;object-fit:contain}.brand-row span{color:hsla(0,0%,100%,.78);font-size:12px;font-weight:650;letter-spacing:.02em;text-transform:uppercase}.notice-card{gap:14px;margin-top:24px;border-radius:8px;padding:16px;background:#fff;color:var(--ink)}.banner-icon,.movement-icon,.notice-icon{display:grid;flex:0 0 auto;place-items:center;border-radius:50%}.notice-icon{width:46px;height:46px;background:var(--brand-soft);color:var(--brand)}.notice-card div:nth-child(2){display:grid;flex:1 1;min-width:0;grid-gap:3px;gap:3px}.action-banner strong,.empty-state strong,.notice-card strong{font-size:15px}.action-banner span,.empty-state span,.movement-copy span,.notice-card span{color:var(--muted);line-height:1.35}.notice-card .icon-only{color:var(--brand);background:var(--brand-soft)}.content{display:grid;width:min(1180px,100%);grid-gap:24px;gap:24px;margin:0 auto;padding:28px clamp(18px,4vw,42px) 40px}.alert{border-left:4px solid var(--success);border-radius:14px;padding:13px 15px;background:#ecfdf3;color:var(--success);font-weight:600}.alert.error{border-left-color:var(--danger);background:#fef3f2;color:var(--danger)}.balance-section{justify-content:space-between;gap:18px}.balance-section div{display:grid;grid-gap:8px;gap:8px}.balance-section span,.section-title span{color:var(--muted);font-size:13px;font-weight:600}.balance-section strong{font-size:clamp(30px,6vw,44px);font-weight:650;line-height:1}.history-rollout{display:grid;border-bottom:1px solid var(--line);padding-bottom:6px}.history-toggle{display:flex;min-height:44px;align-items:center;justify-content:space-between;border:0;background:transparent;color:var(--ink);padding:0;font-weight:600}.history-toggle span{color:var(--muted);font-size:13px;font-weight:600}.history-toggle svg{color:var(--muted)}.mini-statement{display:grid;grid-gap:2px;gap:2px;padding:4px 0 10px}.mini-statement-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;border-top:1px solid var(--line);padding:11px 0}.mini-statement-row:first-child{border-top:0}.mini-statement-row div:nth-child(2){display:grid;min-width:0;grid-gap:2px;gap:2px}.mini-statement-row div:nth-child(2) span,.mini-statement-row div:nth-child(2) strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-empty,.mini-statement-row div:nth-child(2) span{color:var(--muted);font-size:12px}.mini-statement-row>strong{font-size:13px}.chevron-button{color:var(--muted)}.chevron-button svg{width:30px;height:30px}.account-strip{flex-wrap:wrap;gap:10px}.account-strip span{border-radius:999px;padding:9px 13px;background:var(--soft);color:#344054;font-size:12px;font-weight:600}.operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.banner-carousel,.operations-grid{scrollbar-width:none}.banner-carousel::-webkit-scrollbar,.operations-grid::-webkit-scrollbar{display:none}.operation-card{display:grid;min-height:148px;grid-gap:10px;gap:10px;align-content:center;justify-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:16px 10px;text-align:center}.operation-card span{display:grid;width:84px;height:84px;place-items:center;border-radius:50%;background:var(--soft);color:var(--brand)}.operation-card.blue span{background:#e7f2ff;color:#0069c8}.operation-card.amber span{background:#fff7d6;color:#b7791f}.operation-card.green span{background:#dcfae6;color:#067647}.operation-card.violet span{background:#ede9fe;color:#6941c6}.operation-card.slate span{background:#eef2f6;color:#344054}.operation-card.cyan span{background:#cff9fe;color:#0e7090}.operation-card span svg{width:34px;height:34px}.operation-card strong{max-width:150px;min-height:36px;font-size:15px;line-height:1.28}.banner-carousel{position:relative;overflow:hidden;border-radius:8px}.banner-track{display:flex;transition:transform .42s ease;will-change:transform}.banner-slide{position:relative;display:grid;flex:0 0 100%;min-height:168px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#e7f2ff,#f8fafc)}.banner-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner-slide div{position:relative;display:grid;align-content:end;grid-gap:4px;gap:4px;padding:16px;background:linear-gradient(180deg,transparent,rgba(16,36,55,.62));color:#fff}.banner-slide strong{font-size:16px}.banner-dots{position:absolute;right:14px;bottom:12px;display:flex;gap:6px}.banner-dots span{width:7px;height:7px;border-radius:999px;background:hsla(0,0%,100%,.52)}.banner-dots span.active{width:18px;background:#fff}.account-debug,.action-banner,.pix-card,.statement-card{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.action-banner{justify-content:space-between;gap:14px;padding:16px;background:#f8fafc}.banner-icon{width:48px;height:48px;background:var(--brand-soft);color:var(--brand)}.action-banner div:nth-child(2){display:grid;flex:1 1;grid-gap:3px;gap:3px}.pix-card,.statement-card{display:grid;grid-gap:16px;gap:16px;padding:18px}.pix-page{display:grid;grid-gap:18px;gap:18px}.pix-page-header{display:flex;align-items:center;gap:12px}.pix-page-header div{display:grid;grid-gap:3px;gap:3px}.pix-page-header span{color:var(--muted);font-size:12px;font-weight:650;text-transform:uppercase}.pix-page-header h2{margin:0;font-size:24px;font-weight:650}.back-button{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;background:var(--soft);color:var(--brand)}.pix-action-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));grid-gap:18px;gap:18px}.pix-action-card{display:grid;min-height:218px;grid-gap:14px;gap:14px;align-content:center;justify-items:center;border:1px solid var(--line);border-radius:8px;padding:22px 18px;background:#fff;color:var(--ink);text-align:center}.pix-action-card.active{border-color:rgba(6,118,71,.36);background:#fff;box-shadow:0 12px 28px rgba(16,24,40,.08)}.pix-action-card span{display:grid;width:96px;height:96px;place-items:center;border-radius:50%;background:#f4f6f8;color:var(--success)}.pix-action-card span svg{width:44px;height:44px}.pix-action-card strong{font-size:17px;line-height:1.22}.pix-action-card small{color:var(--muted);font-size:13px;line-height:1.3}.section-title{justify-content:space-between;gap:14px}.section-title div{display:grid;grid-gap:3px;gap:3px}.section-title h2{margin:0;font-size:21px;font-weight:650}.form-grid{display:grid;grid-template-columns:1.4fr .7fr;grid-gap:12px;gap:12px}.form-grid button,.form-grid label:first-child,.form-grid label:nth-child(3){grid-column:1/-1}.form-grid button{min-height:48px;border:0;border-radius:8px;background:var(--success);color:#fff;font-weight:650}.receive-card{border-color:rgba(0,105,200,.22);background:#fbfdff}.charge-flow,.payment-flow{gap:18px}.charge-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.charge-summary div{display:grid;grid-gap:5px;gap:5px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.charge-step label,.charge-summary span{color:var(--muted);font-size:12px;font-weight:600}.charge-summary strong{overflow:hidden;color:var(--ink);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.charge-step{display:grid;grid-gap:14px;gap:14px}.charge-step label{display:grid;grid-gap:8px;gap:8px}.charge-step input{min-height:56px;font-size:18px}.charge-step button,.charge-step-actions button{min-height:48px;border:0;border-radius:8px;padding:0 16px;background:var(--success);color:#fff;font-weight:650}.charge-step-actions{display:flex;gap:10px;justify-content:flex-end}.charge-step-actions .secondary-action{border:1px solid var(--line);background:#fff;color:var(--ink)}.charge-result{grid-template-columns:180px minmax(0,1fr);grid-gap:18px;gap:18px}.charge-result,.payment-result{display:grid;align-items:center;border:1px solid var(--line);border-radius:8px;padding:16px;background:#fff}.payment-result{grid-template-columns:72px minmax(0,1fr) auto;grid-gap:16px;gap:16px}.receipt-icon{display:grid;width:72px;height:72px;place-items:center;border-radius:50%;background:#ecfdf3;color:var(--success)}.receipt-icon svg{width:34px;height:34px}.qr-frame{display:grid;width:180px;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--brand)}.qr-frame img{display:block;width:100%;height:100%;object-fit:contain}.qr-frame svg{width:58px;height:58px}.charge-preview{display:grid;grid-template-columns:108px minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff}.qr-placeholder{display:grid;width:108px;aspect-ratio:1;place-items:center;border-radius:8px;background:linear-gradient(90deg,rgba(0,105,200,.08) 50%,transparent 0),linear-gradient(rgba(0,105,200,.08) 50%,transparent 0),#fff;background-size:18px 18px;color:var(--brand)}.qr-placeholder svg{width:40px;height:40px}.charge-copy{display:grid;min-width:0;grid-gap:5px;gap:5px}.charge-copy small,.charge-copy span{color:var(--muted);font-size:12px;font-weight:600}.charge-copy strong{font-size:24px;font-weight:650;line-height:1}.charge-copy code{overflow:auto;border-radius:8px;padding:9px 10px;background:var(--soft);color:#344054;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:12px;white-space:normal;word-break:break-all}.charge-status{display:inline-flex;min-height:34px;align-items:center;justify-content:center;border-radius:999px;padding:0 12px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:600;white-space:nowrap}.charge-status.confirmed{background:#ecfdf3;color:var(--success)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.settings-grid button{grid-column:1/-1;min-height:48px;border:0;border-radius:8px;background:var(--success);color:#fff;font-weight:650}.profile-page,.statement-page{display:grid;grid-gap:18px;gap:18px}.statement-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.period-filter{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-radius:8px;padding:4px;background:var(--soft)}.export-button,.period-filter button{min-height:40px;border:0;border-radius:8px;padding:0 13px;color:#344054;background:transparent;font-weight:600}.period-filter button.active{background:#fff;color:var(--brand);box-shadow:0 8px 18px rgba(16,24,40,.08)}.export-button{background:var(--success);color:#fff}.profile-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:8px;padding:18px;background:#fff}.profile-avatar{display:grid;grid-column:1/-1;width:82px;height:82px;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand)}.profile-avatar svg{width:38px;height:38px}.profile-section-title{grid-column:1/-1;margin-top:4px;padding-top:14px;border-top:1px solid var(--line)}.profile-section-title:first-of-type{border-top:0;padding-top:0}.profile-section-title span{color:var(--brand);font-size:12px;font-weight:650;letter-spacing:.02em;text-transform:uppercase}.profile-field{display:grid;grid-gap:5px;gap:5px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fbfcfd}.profile-field.wide{grid-column:1/-1}.profile-field span{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase}.profile-field strong{overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}.text-button{min-height:36px;border-radius:999px;padding:0 13px;background:var(--soft);color:var(--brand);font-size:12px;font-weight:600}.statement-list{display:grid}.statement-row{gap:12px;border-top:1px solid var(--line);padding:14px 0}.statement-row:first-child{border-top:0}.movement-icon{width:42px;height:42px;background:var(--soft);color:var(--muted)}.movement-icon.credit{background:#ecfdf3;color:var(--success)}.movement-icon.debit{background:#fff4ed;color:#c4320a}.movement-copy{display:grid;flex:1 1;min-width:0;grid-gap:3px;gap:3px}.movement-copy span,.movement-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statement-row>strong{flex:0 0 auto;font-size:14px}.statement-row>strong.credit{color:var(--success)}.statement-row>strong.debit{color:var(--ink)}.empty-state{display:grid;min-height:190px;place-items:center;align-content:center;grid-gap:8px;gap:8px;color:var(--muted);text-align:center}.empty-state svg{width:38px;height:38px}.account-debug{padding:14px;background:#fbfcfd}.account-debug summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:600}.account-debug label{margin-top:12px}@media (max-width:760px){.phone-shell{box-shadow:none}.operations-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.operation-card{min-height:132px;padding:12px 6px}.operation-card span{width:66px;height:66px}.operation-card span svg{width:28px;height:28px}.operation-card strong{max-width:100%;min-height:32px;font-size:12px}.pix-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pix-action-card{min-height:206px}.pix-action-card span{width:88px;height:88px}.charge-result,.charge-summary,.payment-result{grid-template-columns:1fr}.qr-frame{width:min(100%,240px);justify-self:center}}@media (max-width:520px){.hero{padding-top:22px}.brand-row{align-items:flex-start}.brand-row span{text-align:right}.content{padding-top:24px}.form-grid,.profile-card,.settings-grid{grid-template-columns:1fr}.statement-tools{align-items:stretch;flex-direction:column}.export-button,.period-filter{width:100%}.charge-preview,.pix-action-grid{grid-template-columns:1fr}.qr-placeholder{width:100%;max-width:180px}.statement-row{align-items:flex-start}.statement-row>strong{padding-top:10px}}.webview-mode{width:100%;min-height:100dvh;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}.webview-mode .content,.webview-mode .hero>*,.webview-mode.content,.webview-mode.hero>*{width:100%;max-width:none}.auth-shell.webview-mode{padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))}.webview-mode .auth-card{width:100%;max-width:460px;border:0}.webview-mode .hero{padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 26px max(18px,env(safe-area-inset-left))}.webview-mode .content{gap:20px;padding:22px max(18px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.webview-mode input{min-height:50px;font-size:16px}.webview-mode button{min-height:44px;touch-action:manipulation}.webview-mode .topbar{min-height:54px}.webview-mode .avatar-button{width:54px;height:54px}.webview-mode .back-button,.webview-mode .chevron-button,.webview-mode .ghost-icon,.webview-mode .icon-only{width:46px;height:46px}.webview-mode .brand-row{margin-top:20px}.webview-mode .brand-row img{width:188px}.webview-mode .notice-card{margin-top:22px}.webview-mode .operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.webview-mode .operation-card{min-height:138px}.webview-mode .operation-card span{width:72px;height:72px}.webview-mode .banner-carousel{margin-right:0;padding-right:0}.webview-mode .pix-page,.webview-mode .profile-page{animation:view-enter .16s ease-out}.webview-mode .pix-page-header{position:-webkit-sticky;position:sticky;top:0;z-index:2;margin:-8px -2px 0;padding:8px 2px;background:var(--surface)}.webview-mode .pix-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.webview-mode .pix-action-card{min-height:214px}.webview-mode .pix-action-card span{width:96px;height:96px}.webview-mode .form-grid,.webview-mode .profile-card,.webview-mode .settings-grid{grid-template-columns:1fr}.webview-mode .mini-statement-row{grid-template-columns:40px minmax(0,1fr)}.webview-mode .mini-statement-row>strong{grid-column:2;justify-self:start}.webview-mode .charge-preview,.webview-mode .charge-result,.webview-mode .charge-summary,.webview-mode .payment-result{grid-template-columns:1fr}.webview-mode .qr-placeholder{width:min(100%,210px)}.webview-mode .qr-frame{width:min(100%,240px);justify-self:center}@keyframes view-enter{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}