@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--ink:#07110d;--ink2:#0c1712;--paper:#f5f6f1;--card:#fff;--line:#e3e6df;--muted:#768078;--green:#b8e86d;--green2:#d8f7a5;--darkgreen:#18351f;--danger:#df756e;--shadow:0 18px 50px rgba(7,17,13,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}.appShell{min-height:100vh;display:flex}.sidebar{width:238px;background:var(--ink);color:#e9f0e9;display:flex;flex-direction:column;padding:24px 16px;position:fixed;inset:0 auto 0 0;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:2px 9px 28px}.brandMark{width:32px;height:32px;border-radius:10px;background:var(--green);color:var(--ink);display:grid;place-items:center;font-family:Manrope;font-weight:800;font-size:20px}.brand b{display:block;letter-spacing:.12em;font-size:15px}.brand span{font-size:9px;color:#8f9d94;letter-spacing:.05em}.profile{border:1px solid #203029;border-radius:14px;padding:10px;display:flex;align-items:center;gap:10px;margin-bottom:23px}.profile>div:nth-child(2){flex:1}.profile strong{font-size:13px;display:block}.profile small{color:#819087;font-size:10px}.sidebar nav{display:grid;gap:6px}.sidebar nav button,.sideBottom>button{height:44px;border-radius:11px;color:#9ca9a1;display:flex;align-items:center;gap:12px;padding:0 13px;text-align:left;font-size:13px}.sidebar nav button.active{background:#18271f;color:#fff}.sidebar nav button.active svg{color:var(--green)}.sidebar nav em{font-style:normal;background:#26382d;color:var(--green);font-size:10px;padding:2px 6px;border-radius:8px;margin-left:auto}.sideBottom{margin-top:auto}.sideBottom>button{width:100%}.demoPill{font-size:9px;color:#708078;border-top:1px solid #1d2a24;padding:15px 10px 0;margin-top:8px;letter-spacing:.04em}.demoPill span{width:6px;height:6px;background:var(--green);display:inline-block;border-radius:50%;margin-right:6px}.main{margin-left:238px;width:calc(100% - 238px);min-height:100vh}.topbar{height:70px;border-bottom:1px solid var(--line);background:#f5f6f1eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 34px;gap:16px;position:sticky;top:0;z-index:4}.topSearch{width:min(420px,48vw);margin:auto;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);height:38px;border-radius:10px;padding:0 12px;color:#8b938d}.topSearch input{border:0;outline:0;width:100%;font-size:12px;background:transparent}.connect{display:flex;align-items:center;gap:7px;border:1px solid #dce6d4;background:#f8fcf2;color:#3d5e34;padding:8px 11px;border-radius:9px;font-size:11px}.connect.offlineOn{background:#fff5e9;border-color:#eed4b4;color:#986124}.iconBtn{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px}.mobileBrand{display:none}.page{padding:42px 44px;max-width:1240px;margin:auto}.heroRow{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:32px}.heroRow h1{font-family:Manrope;margin:4px 0 8px;font-size:37px;letter-spacing:-.045em}.muted{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:700;color:#829087;margin:0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:11px;font-size:12px;font-weight:700;box-shadow:0 8px 20px #07110d1f}.primary:hover{background:#16231c}.balanceGrid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.balanceCard{background:var(--ink);color:#fff;border-radius:20px;padding:25px;min-height:210px;position:relative;overflow:hidden}.balanceCard:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(184,232,109,.18),transparent 65%);right:-80px;top:-100px}.cardTop{display:flex;justify-content:space-between;color:#93a098;font-size:11px;position:relative;z-index:1}.balanceCard>strong{display:block;font-family:Manrope;font-size:42px;letter-spacing:-.05em;margin:30px 0 13px;position:relative;z-index:1}.balanceMeta{display:flex;justify-content:space-between;font-size:10px;color:#89968e;position:relative;z-index:1}.positive{color:var(--green)}.miniChart{height:45px;display:flex;gap:6px;align-items:flex-end;position:absolute;left:25px;right:25px;bottom:0;opacity:.75}.miniChart i{display:block;flex:1;background:linear-gradient(to top,#b8e86d1a,#b8e86da6);border-radius:5px 5px 0 0}.miniChart i:nth-child(1){height:30%}.miniChart i:nth-child(2){height:44%}.miniChart i:nth-child(3){height:32%}.miniChart i:nth-child(4){height:55%}.miniChart i:nth-child(5){height:42%}.miniChart i:nth-child(6){height:72%}.miniChart i:nth-child(7){height:58%}.miniChart i:nth-child(8){height:80%}.miniChart i:nth-child(9){height:94%}.actionCard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px}.actionCard h3{font-family:Manrope;margin:5px 0 18px;font-size:18px}.actionGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.actionGrid button{border:1px solid var(--line);border-radius:11px;padding:13px 5px;display:grid;place-items:center;gap:7px;font-size:10px;font-weight:700}.actionGrid svg{width:18px;color:#597050}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin:38px 0 14px}.sectionHead h2{font-family:Manrope;font-size:19px;margin:5px 0 0;letter-spacing:-.02em}.textBtn{display:flex;align-items:center;gap:5px;font-size:11px;color:#536158}.activityList{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.activity{min-height:72px;border-bottom:1px solid #edf0eb;display:flex;align-items:center;padding:12px 17px;gap:12px}.activity:last-child{border:0}.avatar{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:10px;font-weight:800;letter-spacing:.02em}.avatar.md{width:40px;height:40px}.avatar.sm{width:34px;height:34px;border-radius:10px}.avatar.olive{background:#e7f0d8;color:#3f5930}.avatar.rose{background:#f5e3e1;color:#8b4f49}.avatar.gold{background:#f6ecd4;color:#80632c}.avatar.blue{background:#e0eaf2;color:#3f6077}.avatar.dark{background:#24342c;color:#d9f5c0}.actMain{flex:1;display:grid;gap:3px}.actMain strong{font-size:12px}.actMain span,.historyPerson span{font-size:10px;color:#8a938e}.actAmount{text-align:right;display:grid;gap:3px}.actAmount strong{font-size:12px}.actAmount strong.incoming{color:#51713f}.actAmount small{font-size:9px;color:#8b948e}.chev{color:#a1aaa4}.offlineBanner{margin-top:18px;background:#eef5e7;border:1px solid #d9e6cf;border-radius:15px;padding:14px 16px;display:flex;align-items:center;gap:13px}.offlineIcon{width:38px;height:38px;border-radius:10px;background:#dcebcf;display:grid;place-items:center;color:#557444}.offlineBanner>div:nth-child(2){flex:1}.offlineBanner strong{font-size:11px}.offlineBanner p{margin:4px 0 0;color:#74806f;font-size:10px}.offlineBanner button{font-size:10px;font-weight:700}.status{display:inline-flex;align-items:center;gap:3px;color:#69756e;font-size:9px}.status.settled{color:#54783e}.status.offline{color:#9a682d}.chatPage{height:calc(100vh - 70px);display:grid;grid-template-columns:330px 1fr}.chatList{border-right:1px solid var(--line);background:#f8f9f5;padding:28px 13px;overflow:auto}.chatListHead{display:flex;align-items:end;justify-content:space-between;padding:0 8px 15px}.chatListHead h2{font-family:Manrope;font-size:19px;margin:4px 0}.roundBtn{width:32px;height:32px;background:#fff;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center}.chatItem{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:11px 9px;border-radius:12px;margin-bottom:3px}.chatItem.selected{background:#e9efe3}.chatItem>div:nth-child(2){flex:1;display:grid;gap:4px;min-width:0}.chatItem strong{font-size:11px}.chatItem span{font-size:9px;color:#7c8780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatItem small{font-size:8px;color:#929a95}.conversation{display:flex;flex-direction:column;background:#fff}.conversationHead{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 27px}.person{display:flex;gap:11px;align-items:center}.person>div:last-child{display:grid;gap:4px}.person strong{font-size:12px}.person span{font-size:9px;color:#89928d}.messageArea{flex:1;overflow:auto;padding:25px 9%;background:linear-gradient(#fbfcfa,#fff)}.dateDivider{text-align:center;margin:0 0 25px}.dateDivider span{font-size:8px;color:#9ca49f;background:#f2f4f0;border-radius:20px;padding:5px 9px}.bubbleRow{display:flex;margin:10px 0}.bubbleRow.mine{justify-content:flex-end}.bubble{max-width:min(470px,75%);padding:12px 14px;border-radius:16px 16px 16px 5px;background:#f1f3ef;font-size:12px;line-height:1.5}.bubbleRow.mine .textBubble{background:var(--ink);color:#fff;border-radius:16px 16px 5px}.bubble small{display:block;color:#9aa29d;font-size:8px;margin-top:7px}.bubbleRow.mine .bubble small{color:#839087}.moneyBubble{width:min(420px,85%);background:#eef5e7;border:1px solid #dbe8d1;border-radius:17px;padding:15px;display:grid;grid-template-columns:36px 1fr auto;gap:11px;position:relative}.moneyBubble.request{background:#fff9ef;border-color:#efdfc2}.moneyBubble.offlinePay{background:#fff7ec;border-color:#ecd7ba}.moneyIcon{width:36px;height:36px;border-radius:11px;background:#dcebcf;color:#53763e;display:grid;place-items:center}.request .moneyIcon{background:#f2e4c8;color:#946c32}.moneyBubble>div:nth-child(2){display:grid;gap:4px}.moneyBubble span{font-size:9px;color:#778378}.moneyBubble strong{font-family:Manrope;font-size:20px;letter-spacing:-.03em}.moneyBubble small{font-size:8px;color:#818d84;display:flex;align-items:center;gap:4px}.moneyBubble>button{align-self:center;font-size:9px;font-weight:700;display:flex;align-items:center;gap:3px}.receipt{grid-column:1/-1;border-top:1px dashed #cad7c4;padding-top:12px;margin-top:3px}.receiptLine{font-size:8px;letter-spacing:.1em;font-weight:800;color:#61725c;display:flex;gap:6px;align-items:center;margin-bottom:10px}.receiptGrid{display:grid;grid-template-columns:1fr 1.5fr;gap:5px 10px;font-size:8px}.receiptGrid span{color:#8b958e}.receiptGrid b{font-weight:600}.settlementHint{display:flex;justify-content:center;align-items:center;gap:6px;color:#a0a7a2;font-size:8px;margin:24px 0}.pulseDot{width:5px;height:5px;border-radius:50%;background:#9bc767;box-shadow:0 0 0 4px #eef5e7}.composer{border:1px solid var(--line);margin:13px 27px 5px;border-radius:13px;height:48px;display:flex;align-items:center;padding:5px;gap:5px}.composer input{border:0;outline:0;flex:1;font-size:11px;padding:0 6px}.plusComposer,.moneyComposer,.sendComposer{width:36px;height:36px;border-radius:9px;display:grid;place-items:center}.plusComposer{color:#748079}.moneyComposer{color:#557448;background:#eff5e9}.sendComposer{background:var(--ink);color:#fff}.composerNote{text-align:center;font-size:8px;color:#a0a7a2;padding-bottom:12px}.payOptions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.payOptions>button{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;display:grid;grid-template-columns:45px 1fr 18px;grid-template-rows:auto auto;gap:4px 12px;text-align:left;align-items:center}.payOptions>button .payIcon{grid-row:1/3;width:45px;height:45px;border-radius:13px;background:#edf3e8;display:grid;place-items:center;color:#58754a}.payOptions>button strong{font-size:13px}.payOptions>button span{font-size:10px;color:#87918b}.payOptions>button>svg{grid-column:3;grid-row:1/3;color:#a0a8a3}.routingCard{margin-top:16px;background:var(--ink);color:#fff;border-radius:18px;padding:23px;display:flex;justify-content:space-between;gap:30px;align-items:center}.routingCard h2{font-family:Manrope;margin:5px 0 6px;font-size:20px}.routingCard p:not(.eyebrow){font-size:10px;color:#87958c;max-width:510px;margin:0}.routes{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:300px}.routes span{border:1px solid #294035;border-radius:20px;padding:7px 9px;font-size:8px;color:#b9c5bd}.walletStats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.walletStats>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px}.walletStats span,.walletStats small{font-size:9px;color:#88928c;display:block}.walletStats strong{display:block;font-family:Manrope;font-size:20px;margin:8px 0 3px}.walletStats small{color:#5c7550}.historyTable{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.tableHead,.tableRow{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:10px;padding:12px 17px}.tableHead{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#939b96;background:#fafbf9}.tableRow{border-top:1px solid #edf0eb}.tableRow>strong{font-size:11px}.historyPerson{display:flex;align-items:center;gap:9px}.historyPerson>div{display:grid;gap:3px}.historyPerson strong{font-size:11px}.ref{font-size:8px;color:#87918c}.incoming{color:#557946}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050c0985;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;display:grid;place-items:center;padding:20px}.modal{width:min(440px,100%);background:#fff;border-radius:21px;padding:28px;box-shadow:0 30px 90px #00000040;position:relative}.modal.small{width:min(360px,100%)}.modalClose{position:absolute;right:18px;top:18px;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center}.modal h2{font-family:Manrope;font-size:23px;letter-spacing:-.035em;margin:7px 0 24px;max-width:320px}.modal label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#7c8780;font-weight:700;display:block;margin:14px 0 7px}.modal select{width:100%;border:1px solid var(--line);background:#fafbf9;padding:12px;border-radius:10px;outline:0;font-size:11px}.amountInput{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;height:57px;padding:0 15px;gap:8px}.amountInput span{font-family:Manrope;font-size:21px;color:#849087}.amountInput input{border:0;outline:0;width:100%;font-family:Manrope;font-size:28px;font-weight:700}.modalRoute{display:flex;justify-content:space-between;margin:13px 0;padding:12px;background:#f6f8f4;border-radius:10px}.modalRoute div{display:grid;gap:3px}.modalRoute span,.modalRoute strong{font-size:9px}.modalRoute span{color:#8b958f}.bridgeToggle{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:14px 0;margin:4px 0 15px}.bridgeToggle div{display:grid;gap:3px}.bridgeToggle strong{font-size:10px}.bridgeToggle small{font-size:8px;color:#8b958f}.bridgeToggle button{width:38px;height:21px;background:#dce1dc;border-radius:20px;padding:3px}.bridgeToggle button i{display:block;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.bridgeToggle button.on{background:#78a451}.bridgeToggle button.on i{transform:translate(17px)}.full{width:100%}.modalFoot{text-align:center;font-size:8px;color:#9aa39e;margin:12px 0 0}.qrFake{width:180px;height:180px;margin:10px auto 20px;padding:12px;border:10px solid var(--ink);background:#fff}.qrGrid{width:100%;height:100%;display:grid;grid-template-columns:repeat(9,1fr);gap:2px}.qrGrid i{background:#fff}.qrGrid i.on{background:var(--ink)}.center{text-align:center}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:40;background:var(--ink);color:#fff;border-radius:10px;padding:11px 14px;font-size:10px;display:flex;align-items:center;gap:7px;box-shadow:0 10px 30px #0003}@media (max-width:900px){.sidebar{width:72px;padding:20px 10px}.brand{justify-content:center;padding-bottom:22px}.brand>div:last-child,.profile>div:nth-child(2),.profile>svg,.sidebar nav button span,.sidebar nav button em,.sideBottom>button,.demoPill{display:none}.profile{justify-content:center;padding:8px}.sidebar nav button{justify-content:center;padding:0}.main{margin-left:72px;width:calc(100% - 72px)}.page{padding:30px 24px}.balanceGrid{grid-template-columns:1fr}.chatPage{grid-template-columns:285px}.messageArea{padding:22px 5%}.routingCard{align-items:flex-start;flex-direction:column}.routes{justify-content:flex-start}.topbar{padding:0 20px}}@media (max-width:680px){.sidebar{display:none}.main{margin-left:0;width:100%}.topbar{height:62px;padding:0 14px}.mobileBrand{display:flex;align-items:center;gap:7px;font-size:13px}.mobileBrand .brandMark{width:27px;height:27px;font-size:16px}.topSearch{margin-left:auto;width:auto;flex:1;max-width:230px}.topSearch input{display:none}.page{padding:24px 15px}.heroRow{align-items:flex-start;flex-direction:column}.heroRow h1{font-size:29px}.actionGrid{grid-template-columns:repeat(2,1fr)}.chatPage{height:calc(100vh - 62px);grid-template-columns:1fr}.chatList{display:none}.conversationHead{padding:0 15px}.messageArea{padding:18px 15px}.composer{margin:10px 15px 5px}.payOptions,.walletStats{grid-template-columns:1fr}.tableHead{display:none}.tableRow{grid-template-columns:1.7fr 1fr;gap:9px}.tableRow>.status,.tableRow>.ref{justify-self:end}.balanceCard>strong{font-size:35px}.offlineBanner{align-items:flex-start;flex-wrap:wrap}.offlineBanner button{margin-left:51px}.routingCard{padding:18px}.connect{padding:8px}.connect svg{display:none}.topbar .iconBtn{display:none}}.bareIcon{display:grid;place-items:center;color:#9ca9a1;width:25px;height:25px}.balanceEye{position:relative;z-index:2;font-size:9px;color:#c6d4c9;text-decoration:underline;margin-left:auto;margin-right:10px}.cardTop{align-items:center}.activityClickable{width:100%;text-align:left;background:#fff;cursor:pointer}.activityClickable:hover,.chatItem:hover,.payOptions>button:hover,.actionGrid button:hover{filter:brightness(.985)}.tableRowButton{width:100%;text-align:left;background:#fff;cursor:pointer;font:inherit}.tableRowButton:hover{background:#fafcf8}.fieldInput{width:100%;border:1px solid var(--line);background:#fafbf9;padding:12px;border-radius:10px;outline:0;font-size:11px;color:var(--ink)}.fieldInput:focus,.modal select:focus,.amountInput:focus-within{border-color:#9cbd7a;box-shadow:0 0 0 3px #b8e86d24}.secondary{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#f8faf6;color:var(--ink);padding:11px 13px;border-radius:10px;font-size:11px;font-weight:700;margin-top:9px}.settingRow{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf0eb}.settingRow>div{flex:1;display:grid;gap:4px}.settingRow strong{font-size:11px}.settingRow small{font-size:9px;color:#849087;line-height:1.5}.switch{width:38px;height:21px;background:#dce1dc;border-radius:20px;padding:3px;flex:none}.switch i{display:block;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#78a451}.switch.on i{transform:translate(17px)}.profileLarge{display:flex;align-items:center;gap:13px;margin:8px 0 20px}.avatar.lg{width:52px;height:52px;font-size:13px}.profileLarge h2{margin:0 0 4px}.profileLarge .muted{font-size:10px}.detailGrid{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;padding:16px 0;font-size:10px}.detailGrid span{color:#859087}.detailGrid strong{overflow-wrap:anywhere}.receiptDetail{display:flex;align-items:center;justify-content:space-between;background:#f5f8f1;padding:15px;border-radius:12px}.receiptDetail>strong{font-family:Manrope;font-size:24px}.routeExplain{display:grid;gap:10px;margin-bottom:18px}.routeExplain>div{background:#f7f9f5;border:1px solid #edf0e9;border-radius:11px;padding:12px;display:grid;gap:5px}.routeExplain strong{font-size:11px}.routeExplain small{font-size:9px;color:#7d8980;line-height:1.5}.routeDetails{margin-top:16px;color:#c8e6a8}.finePrint{display:flex;align-items:center;gap:5px;font-size:9px;color:#8b958e;margin:14px 0 0}.emptyState{font-size:11px;color:#87918b;line-height:1.6;padding:10px}.searchClear{display:grid;place-items:center;color:#98a29b;flex:none}.sideDisclaimer{display:block;font-size:8px;color:#637168;padding:7px 10px 0;line-height:1.4}.mobileBack,.mobileScrim{display:none}@media (max-width:900px) and (min-width:681px){.sideDisclaimer{display:none}.chatPage{grid-template-columns:285px minmax(0,1fr)}.tableRow,.tableHead{grid-template-columns:1.7fr .8fr .9fr}.tableRow .ref,.tableHead span:last-child{display:none}}@media (max-width:680px){.sidebar{display:none}.sidebar.sidebarOpen{display:flex;width:245px;padding:22px 16px;z-index:31;box-shadow:18px 0 50px #0003}.sidebar.sidebarOpen .brand{justify-content:flex-start;padding-bottom:24px}.sidebar.sidebarOpen .brand>div:last-child,.sidebar.sidebarOpen .profile>div:nth-child(2),.sidebar.sidebarOpen .sideBottom>button,.sidebar.sidebarOpen .demoPill{display:flex}.sidebar.sidebarOpen .brand>div:last-child{display:block}.sidebar.sidebarOpen .profile{justify-content:flex-start;padding:10px}.sidebar.sidebarOpen .profile>div:nth-child(2){display:block}.sidebar.sidebarOpen .profile .bareIcon{display:grid}.sidebar.sidebarOpen nav button{justify-content:flex-start;padding:0 13px}.sidebar.sidebarOpen nav button span{display:inline}.sidebar.sidebarOpen nav button em{display:inline-block}.sidebar.sidebarOpen .sideBottom>button{display:flex}.sidebar.sidebarOpen .demoPill{display:block}.mobileScrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:30}.menuToggle{display:grid;place-items:center;border:1px solid var(--line);width:32px;height:32px;border-radius:9px;flex:none}.topbar{gap:8px}.topSearch{margin-left:0;max-width:none;min-width:0;flex:1;padding:0 8px}.topSearch input{display:block;min-width:0;font-size:10px}.topSearch input::placeholder{font-size:9px}.topbar .mobileBrand:not(.menuToggle){gap:5px;font-size:11px}.topbar .mobileBrand .brandMark{width:25px;height:25px}.connect{font-size:0;padding:9px;min-width:35px;justify-content:center}.connect svg{display:block}.topbar .iconBtn{display:grid;width:33px;height:33px;flex:none}.chatPage{position:relative;height:calc(100dvh - 62px);min-height:480px;grid-template-columns:1fr;overflow:hidden}.chatList{display:none}.chatPage.mobileShowList .chatList{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-right:0;padding:20px 13px;background:#f8f9f5}.chatPage.mobileShowList .conversation{display:none}.chatPage:not(.mobileShowList) .conversation{display:flex;min-width:0}.mobileBack{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;flex:none;margin-right:9px}.conversationHead{padding:0 12px;gap:6px}.person{min-width:0}.person>div:last-child{min-width:0}.person strong,.person span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}.conversationHead .iconBtn{flex:none}.messageArea{min-height:0;padding:16px 11px}.moneyBubble{width:min(100%,370px);grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:11px}.moneyIcon{width:30px;height:30px}.moneyBubble strong{font-size:17px}.moneyBubble>button{font-size:8px}.receiptGrid{font-size:8px}.composer{margin:9px 10px 5px}.composer input{min-width:0}.composerNote{padding-bottom:9px}.modal{padding:24px 19px;max-height:calc(100dvh - 28px);overflow:auto}.overlay{padding:14px}.modal h2{font-size:21px;margin-bottom:18px}.balanceGrid{gap:12px}.balanceCard{padding:21px}.balanceCard>strong{font-size:32px;margin:24px 0 12px}.heroRow .primary{width:100%}.heroRow{gap:14px;margin-bottom:24px}.sectionHead{margin-top:28px}.activity{padding:11px 10px;gap:9px}.actMain strong,.actAmount strong{font-size:10px}.actMain span{font-size:9px}.actAmount small{font-size:8px}.activity .avatar{width:34px;height:34px;border-radius:10px}.walletStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.walletStats>div{padding:10px 8px;min-width:0}.walletStats span,.walletStats small{font-size:8px;line-height:1.4}.walletStats strong{font-size:14px;overflow-wrap:anywhere}.tableRow{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);padding:11px 10px}.tableRow .historyPerson strong{font-size:10px}.tableRow .historyPerson span,.tableRow .status,.tableRow .ref{font-size:8px}.historyPerson{gap:7px}.historyPerson .avatar{width:28px;height:28px}.payOptions>button{padding:15px}.routingCard{gap:14px}.routes{justify-content:flex-start}.offlineBanner{padding:12px}.offlineBanner button{margin-left:0}.finePrint{align-items:flex-start;line-height:1.5}}@media (max-width:390px){.topbar{padding:0 8px;gap:6px}.topbar .mobileBrand:not(.menuToggle){font-size:10px}.topSearch input{font-size:9px}.topSearch input::placeholder{font-size:8px}.connect{min-width:30px;padding:7px}.topbar .iconBtn{width:30px;height:30px}.moneyBubble{grid-template-columns:28px minmax(0,1fr)}.moneyBubble>button{grid-column:2;justify-self:start}.moneyIcon{width:28px;height:28px}.walletStats{grid-template-columns:1fr}.walletStats>div{padding:12px}.walletStats strong{font-size:18px}}