:root{--navy:#102b55;--deep:#0b2346;--teal:#02a8b9;--cyan:#44d9e4;--ink:#162f51;--muted:#687d96;--bg:#f4f7fc;--line:#e4eaf3;--white:#fff;--shadow:0 7px 30px #1b427010;--warning:#fff4e7;--warn:#a46b2b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,'Hind Siliguri',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #19c1cb;outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}.app-shell{max-width:1100px;margin:auto;min-height:100vh;padding:0 28px 95px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0 18px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{background:var(--deep);border-radius:15px;width:48px;height:48px;display:grid;place-items:center;box-shadow:0 9px 20px #16477520}.brand-mark svg{width:32px}.brand b{font-size:22px;font-weight:800;letter-spacing:-.85px;color:var(--navy)}.brand b span{color:#078bac}.brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:.2px}.top-actions{display:flex;gap:10px;align-items:center}.icon-btn{width:39px;height:39px;border:1px solid var(--line);background:white;border-radius:12px;display:grid;place-items:center;color:var(--deep)}.icon-btn svg{width:19px;height:19px}.avatar{background:#e9f0fa;color:#1f497c;border:1px solid #dce7f4;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-weight:800}.account-bar{border-radius:26px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#0d315d 0%,#114773 68%,#09616b 100%);color:#fff;gap:16px}.account-bar h1{font-size:28px;letter-spacing:-.75px;margin:0 0 5px;line-height:1.25}.account-bar p{color:#c8e6ed;margin:0;font-size:12px}.live-tag{background:#ffffff20;border:1px solid #ffffff32;border-radius:40px;padding:8px 13px;font-size:11px;white-space:nowrap}.live-tag>span:first-child{display:inline-block;width:7px;height:7px;background:#ffcf75;border-radius:50%;margin-right:5px}.live-tag.live>span:first-child{background:#47e8bb}main{max-width:960px;margin:22px auto 0}.lookup-box{background:#fff;border:1px solid var(--line);border-radius:19px;padding:17px 20px;box-shadow:var(--shadow)}.lookup-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;margin-bottom:12px;color:var(--navy)}.secure-text{font-size:11px;color:#6e8a99;font-weight:500}.lookup-box form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}.lookup-box form label{display:flex;flex-direction:column;gap:5px;color:#63748e;font-size:11px;font-weight:600}.lookup-box input{border:1px solid #d9e3ee;background:#f8fafc;color:var(--deep);border-radius:11px;height:44px;padding:0 14px;width:100%;font-size:14px}.primary-btn{border:0;border-radius:11px;background:#144c7d;color:white;display:flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 20px;white-space:nowrap;font-weight:700}.primary-btn:hover,.test-btn:hover{background:#103964}.primary-btn svg{width:16px;height:16px}.error,.notice{margin-top:13px;padding:12px 14px;border-radius:10px;font-size:12px}.error{background:#fff0ed;border:1px solid #ffcfbd;color:#9b4229}.notice{background:#effaff;border:1px solid #d0ebf9;color:#245775}.unloaded{text-align:center;margin:27px auto;background:white;border:1px solid var(--line);padding:50px 18px;border-radius:22px;box-shadow:var(--shadow)}.empty-icon{width:62px;height:62px;margin:auto;background:#eaf9fc;border-radius:20px;display:grid;place-items:center;color:#1685a1}.empty-icon svg{width:29px;height:29px}.unloaded h2{font-size:24px;margin:16px 0 7px}.unloaded p{max-width:490px;margin:0 auto;color:var(--muted)}.empty-steps{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:20px}.empty-steps span{padding:7px 12px;border:1px solid #d8e9f2;border-radius:30px;color:#42748a;background:#f7fbfe;font-size:11px}.view{padding-top:22px}.balance-card{border-radius:22px;background:linear-gradient(123deg,#102952,#0e4273 67%,#037f91);padding:27px 30px;color:#fff;position:relative;overflow:hidden;isolation:isolate;min-height:180px}.balance-top{display:flex;justify-content:space-between;position:relative;z-index:1}.eyebrow{font-size:12px;font-weight:600;color:#70849c}.eyebrow.light{color:#d8ecf9}.balance-top strong{display:block;font-size:clamp(38px,6vw,56px);letter-spacing:-2px;margin-top:8px;font-variant-numeric:tabular-nums}.orb{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#22e5de,#05a1c8);display:grid;place-items:center;transform:rotate(-9deg);box-shadow:0 15px 40px #19b6c746}.orb svg{width:35px;height:35px;color:white}.balance-foot{border-top:1px solid #ffffff34;margin-top:24px;padding-top:14px;display:flex;gap:7px;align-items:center;color:#dcf2fa;font-size:11px;position:relative;z-index:1}.balance-foot svg{width:15px;height:15px}.balance-meter{margin-left:auto;background:#ffffff1b;border-radius:20px;padding:5px 9px}.curve{position:absolute;right:-10%;bottom:-160px;width:65%;height:250px;transform:rotate(-24deg);background:linear-gradient(180deg,#3ddec54d,transparent);border-radius:50%;z-index:0}.section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px;gap:9px}.section-head h2{font-size:17px;margin:0;color:var(--deep);letter-spacing:-.25px}.section-kicker{font-size:11px;color:#728aa0}.info-card,.white-card,.settings-card{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.info-card{padding:5px 18px}.info-row{display:grid;grid-template-columns:19px minmax(140px,1fr) minmax(0,1.3fr);align-items:center;gap:12px;min-height:51px;border-bottom:1px solid #edf1f6;font-size:12px;color:var(--muted)}.info-row:last-child{border:0}.info-row svg{color:#147ca2;width:18px;height:18px}.info-row b{text-align:right;font-size:12px;color:var(--ink);font-weight:700;overflow-wrap:anywhere}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick{background:white;border:1px solid var(--line);border-radius:17px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:var(--deep);padding:16px 7px;box-shadow:var(--shadow);font-weight:650}.quick svg{width:23px;height:23px;color:#117aa4}.quick:hover{border-color:#82c5d7;background:#f6feff}.intro-card{display:flex;gap:11px;align-items:flex-start;background:#eaf6fd;border:1px solid #d5eaf8;border-radius:13px;padding:13px 15px;margin-top:19px;color:#38667b;font-size:12px;line-height:1.55}.intro-card svg{width:18px;height:18px;flex:none;color:#188bb1}.intro-card p{margin:0}.white-card{padding:18px}.chart-heading{display:flex;gap:10px;align-items:center}.chart-heading>span svg{width:27px;height:27px;color:#079eac}.chart-heading strong,.chart-heading small{display:block}.chart-heading strong{font-size:15px}.chart-heading small{font-size:11px;color:var(--muted);margin-top:2px}.unit-pill{background:#e8f7fc;padding:5px 10px;border-radius:30px;color:#187a9b;font-size:11px;font-weight:800}.chart-area{margin-top:16px;min-height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden}.chart-area svg{width:100%;max-height:325px}.chart-area .gridline{stroke:#e5eaf1}.chart-area .axislabel{font-size:11px;fill:#75869e}.chart-area .bar{fill:#0fb6c7}.chart-area .bar:hover{fill:#067f9e}.inline-warning{margin-top:14px;padding:11px;background:#fff5e9;color:#8e5e26;border:1px solid #f0e0c7;border-radius:11px;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.stat{background:white;border:1px solid var(--line);padding:17px 18px;border-radius:15px;box-shadow:var(--shadow);min-width:0}.stat span{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;color:var(--deep);font-size:21px;margin:7px 0 2px;font-variant-numeric:tabular-nums}.stat small{color:#7290a1;font-size:10px}.monthly-list,.recharge-list{display:grid;gap:8px}.month-row,.transaction{background:white;border:1px solid var(--line);border-radius:14px;padding:15px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.month-row strong,.transaction strong{display:block;color:var(--deep);font-size:14px}.month-row small,.transaction small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.month-row .right{text-align:right}.month-row .right strong{font-variant-numeric:tabular-nums}.month-row.uncertain{background:#fffaf2;border-color:#f6e5cb}.filters{display:flex;gap:7px;overflow-x:auto;padding:18px 0 15px}.filters button{background:white;color:#59718a;border:1px solid #dde7f0;padding:8px 15px;border-radius:25px;font-size:12px;white-space:nowrap}.filters button.selected{color:white;background:var(--deep);border-color:var(--deep)}.transaction{align-items:flex-start;flex-direction:column;gap:8px}.trans-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.status{font-size:11px;border-radius:15px;padding:5px 9px;font-weight:750;background:#e9f8f5;color:#058e76}.status.failed{background:#fff2e4;color:#a76a1f}.status.system{background:#e9f1ff;color:#365c9d}.status.unknown{background:#f1f3f6;color:#62748b}.trans-row{display:flex;flex-wrap:wrap;gap:8px 15px;font-size:11px;color:#71859c}.trans-token{background:#f5f8fc;border-radius:8px;padding:3px 8px}.transaction.system-row{background:#f3f8fe}.setting-item{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #ecf0f6}.setting-item:last-child{border:0}.settings-card{padding:5px 17px}.settings-title{display:flex;align-items:center;gap:11px;padding:15px 0 11px}.settings-title>span svg{width:22px;height:22px;color:#067aa5}.settings-title strong,.settings-title small{display:block}.settings-title small,.setting-copy small{color:var(--muted);font-size:11px;margin-top:4px}.language-control{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;background:#f3f7fc;border:1px solid #e3ebf3;border-radius:12px;padding:5px;margin-bottom:12px}.language-control button{border:0;background:transparent;border-radius:8px;height:41px;font-weight:700;color:#70849b}.language-control button.selected{background:white;color:var(--deep);box-shadow:0 3px 10px #314d701c}.setting-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#e8f8fb;color:#11849e;flex:none}.setting-icon svg{width:18px;height:18px}.setting-icon.orange{background:#fff3e5;color:#ba7b20}.setting-copy{flex:1;min-width:0}.setting-copy strong{display:block;font-size:12px}.switch{flex:none;position:relative;display:block;width:41px;height:24px}.switch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch span{position:absolute;inset:0;pointer-events:none;border-radius:20px;background:#ccd6e2;transition:.2s}.switch span:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 4px #0002;transition:.2s}.switch input:checked+span{background:#07a8bb}.switch input:checked+span:before{transform:translateX(17px)}.switch input:focus-visible+span{outline:3px solid #2bcad6;outline-offset:3px}.threshold,.quiet-times{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f6;font-size:12px;color:#657c92}.threshold select,.quiet-times input{border:1px solid #dde6ee;background:#f8fafc;border-radius:8px;padding:8px 11px;color:var(--ink);min-width:115px}.quiet-times{border-bottom:0;gap:12px}.quiet-times label{flex:1;display:flex;gap:9px;align-items:center;justify-content:space-between}.quiet-times input{min-width:0;width:125px}.test-btn{width:100%;margin-top:15px;border:0;border-radius:13px;background:var(--deep);color:white;padding:14px 18px;font-weight:700;display:flex;gap:9px;justify-content:center;align-items:center}.test-btn svg{width:18px;height:18px}.link-button{background:none;border:0;color:#127ba0;padding:14px 0;font-weight:650;display:flex;gap:9px;align-items:center}.link-button svg{width:16px;height:16px}.source-content h3{margin:6px 0 5px;font-size:13px}.source-content ul{padding-left:20px;font-size:11px;line-height:1.9;overflow-wrap:anywhere}.bottom-nav{display:flex;gap:5px;align-items:center;justify-content:space-around;max-width:960px;margin:24px auto 0;background:white;border:1px solid var(--line);padding:9px;border-radius:20px;box-shadow:var(--shadow)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;border-radius:13px;background:transparent;min-width:80px;padding:10px 13px;color:#71849c;font-size:11px;font-weight:650}.bottom-nav button svg{height:20px;width:20px}.bottom-nav button.current{background:var(--deep);color:white}footer{max-width:960px;margin:14px auto 0;text-align:center;font-size:10px;color:#98a9bb}
body[lang="bn"]{font-family:'Hind Siliguri',Inter,sans-serif}.view button,.bottom-nav button{transition:background .15s,border .15s}
@media(min-width:800px){.app-shell{padding-bottom:32px}.bottom-nav{position:sticky;bottom:15px;z-index:10}}
@media(max-width:650px){.app-shell{padding:0 14px 103px}.topbar{padding:14px 3px}.brand-mark{width:41px;height:41px;border-radius:12px}.brand b{font-size:18px}.brand small{font-size:10px}.top-actions{gap:7px}.account-bar{border-radius:20px;padding:20px;align-items:flex-start;flex-direction:column;gap:10px}.account-bar h1{font-size:25px}.account-bar p{font-size:11px}.live-tag{font-size:10px;padding:5px 9px}.lookup-box{padding:15px;border-radius:16px}.lookup-box form{grid-template-columns:1fr}.lookup-box input{height:44px}.primary-btn{height:45px;width:100%}.lookup-top{font-size:12px}.view{padding-top:17px}.balance-card{padding:22px 20px;min-height:0}.balance-top strong{font-size:43px}.orb{width:61px;height:61px}.section-head h2{font-size:16px}.info-row{grid-template-columns:17px 1fr 1.1fr;gap:8px;font-size:11px}.info-row b{font-size:11px}.quick-grid{gap:9px}.quick{padding:15px 5px;font-size:12px}.white-card{padding:14px}.stats-grid{gap:9px}.stat{padding:14px}.stat strong{font-size:18px}.bottom-nav{position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));max-width:none;z-index:50;margin:0;border-radius:20px;padding:7px 4px;box-shadow:0 9px 35px #15305225}.bottom-nav button{min-width:0;flex:1;padding:10px 4px;font-size:10px}footer{padding-bottom:10px}.unloaded{padding:40px 19px}.unloaded h2{font-size:20px}.quiet-times{flex-direction:column;align-items:stretch}.quiet-times label{justify-content:space-between}.threshold select{min-width:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}