:root{color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#dbe3ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{overscroll-behavior-y:none;background:#dbe3ed;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}input,textarea{color:#18212f;background:#fff;border:1px solid #cdd7e4;border-radius:8px;outline:none;width:100%;min-height:48px;padding:12px 13px;font-size:16px}textarea{resize:vertical;min-height:104px}label{color:#405068;gap:7px;font-size:13px;font-weight:650;display:grid}h1,h2,h3,p{margin:0}.login-shell{min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));background:#eef3f8;place-items:stretch center;display:grid}.login-card{background:#fff;border:1px solid #dfe8f2;border-radius:18px;align-self:center;gap:16px;width:min(430px,100%);padding:24px;display:grid;box-shadow:0 20px 48px #1f304729}.login-logo{object-fit:contain;width:150px;max-width:70%;height:auto}.login-card h1,.topbar h1{font-size:24px;line-height:1.15}.login-card p,.topbar p,.hint,.empty,small{color:#64748b}.primary{color:#fff;background:#0f766e}button.primary,.tabs button,.icon-btn,.panel button{border-radius:8px;min-height:48px;padding:0 16px;font-weight:750}.panel button{color:#172033;background:#e7eef8}.panel button.primary{color:#fff;background:#0f766e}.hidden-input{display:none}.app-shell{width:min(480px,100%);min-height:100svh;padding:max(10px, env(safe-area-inset-top)) 10px calc(86px + env(safe-area-inset-bottom));background:#eef3f8;margin:0 auto}.app-shell.has-footer-ad{padding-bottom:calc(98px + min(10vh, 82px) + env(safe-area-inset-bottom))}.topbar{z-index:20;color:#fff;background:#172033;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;min-height:104px;padding:18px;display:flex;position:sticky;top:0;box-shadow:0 14px 34px #17203333}.topbar p,.eyebrow{color:#b9c7d8}.topbar-logo{object-fit:contain;width:112px;max-width:52vw;height:auto;margin-bottom:9px;display:block}.eyebrow{letter-spacing:0;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:800;display:inline-block}.icon-btn{color:#fff;background:#ffffff1f;flex:0 0 48px;place-items:center;width:48px;display:grid}.top-actions{flex:none;align-items:center;gap:8px;display:flex}.tabs{z-index:30;overscroll-behavior-x:contain;width:min(480px,100%);padding:10px 10px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none;background:#f8fafcf0;border-top:1px solid #d7e1ed;grid-auto-columns:minmax(76px,1fr);grid-auto-flow:column;gap:8px;display:grid;position:fixed;bottom:0;left:50%;overflow-x:auto;transform:translate(-50%)}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;color:#405068;background:0 0;border:0;grid-template-rows:20px auto;place-items:center;gap:3px;min-width:76px;min-height:58px;padding:6px 8px;font-size:12px;display:inline-grid}.tabs button.active{color:#0f766e;background:#dff3ec}.footer-ad{left:50%;bottom:calc(78px + env(safe-area-inset-bottom));z-index:28;pointer-events:none;width:min(480px,100%);height:min(10vh,82px);padding:0 10px;position:fixed;transform:translate(-50%)}.footer-ad-frame{pointer-events:auto;background:#fff;border:1px solid #d7e1ed;border-radius:10px;width:100%;height:100%;overflow:hidden;box-shadow:0 10px 26px #1f304729}.footer-ad-frame a,.footer-ad-frame img{width:100%;height:100%;display:block}.footer-ad-frame img{object-fit:contain;background:#fff}.footer-ad-dots{pointer-events:none;justify-content:center;gap:5px;display:flex;position:absolute;bottom:6px;left:0;right:0}.footer-ad-dots span{background:#ffffff9e;border-radius:999px;width:6px;height:6px;box-shadow:0 0 0 1px #0f172a24}.footer-ad-dots span.active{background:#0f766e;width:14px}.grid{gap:12px;min-width:0;margin-top:12px;display:grid}.action-tabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.action-tabs button{color:#405068;background:#fff;border:1px solid #dfe8f2;border-radius:14px;grid-template-rows:20px auto;place-items:center;gap:4px;min-height:62px;font-size:13px;font-weight:800;display:inline-grid}.action-tabs button.active{color:#fff;background:#0f766e;border-color:#0f766e}.scan-btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.scan-modal{z-index:60;background:#0f172a94;align-items:end;padding:14px;display:grid;position:fixed;inset:0}.scan-card{background:#fff;border-radius:18px;gap:12px;width:min(480px,100%);margin:0 auto;padding:14px;display:grid;box-shadow:0 24px 80px #0f172a52}.scan-head,.scan-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.scan-head button,.scan-actions button{border-radius:8px;min-height:42px;padding:0 12px;font-weight:750}.scan-head button{color:#172033;background:#e7eef8}.scan-card video{aspect-ratio:4/3;object-fit:cover;background:#0f172a;border-radius:14px;width:100%;min-height:260px}.scan-card video:not(.active){display:grid}.scan-status{color:#405068;min-height:22px;font-size:13px;font-weight:700}.panel{background:#fff;border:1px solid #dfe8f2;border-radius:16px;min-width:0;padding:15px;box-shadow:0 8px 24px #25364c0f}.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-title>div{align-items:center;gap:9px;display:flex}.panel-title h2{font-size:17px}.stats-row,.form-grid{grid-template-columns:1fr;gap:12px;display:grid}.stat{background:#f8fbfe;border:1px solid #e3ebf4;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.stat svg{color:#0f766e}.stat span{color:#64748b;font-size:12px;font-weight:750;display:block}.stat strong{overflow-wrap:anywhere;max-width:100%;font-size:19px;display:block}.alert{color:#12643f;background:#e6f6ef;border:1px solid #bde8d2;border-radius:14px;padding:12px 14px}.alert.error{color:#be123c;background:#fff1f2;border-color:#fecdd3}.qr-result{background:#f8fbfe;border:1px dashed #b7c6d8;border-radius:16px;place-items:center;gap:18px;margin-top:14px;padding:14px;display:grid}.qr-result>div{text-align:center;overflow-wrap:anywhere;gap:6px;width:100%;min-width:0;display:grid}.qr-result.compact{align-items:flex-start}.qr-result.compact textarea{min-height:150px}.bank-qr img{background:#fff;border:1px solid #e3ebf4;border-radius:12px;width:min(100%,320px)}.topup-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.pending-topup{gap:10px;display:grid}.pending-title{color:#405068;font-size:13px;font-weight:800}.split{grid-template-columns:1fr;gap:14px;display:grid}.split>div{gap:12px;display:grid}.table-wrap{border:0;border-radius:0;width:100%;min-width:0;max-width:100%;overflow:visible}table{border-collapse:collapse;width:100%;min-width:0}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e3ebf4;padding:11px 12px}th{color:#405068;text-transform:uppercase;font-size:12px}tr:last-child td{border-bottom:0}.empty,.boot{text-align:center;padding:18px}@media (max-width:720px){table,thead,tbody,tr,th,td{display:block}thead{display:none}tbody{gap:10px;display:grid}tr{background:#f8fbfe;border:1px solid #e3ebf4;border-radius:14px;overflow:hidden}td{overflow-wrap:anywhere;border-bottom:1px solid #e3ebf4;grid-template-columns:minmax(88px,36%) 1fr;align-items:start;gap:10px;min-height:42px;padding:10px 12px;display:grid}td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;font-size:12px;font-weight:800}tr:last-child td{border-bottom:1px solid #e3ebf4}td:last-child{border-bottom:0}}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap tr,.table-wrap th,.table-wrap td{display:block}.table-wrap thead{display:none}.table-wrap tbody{gap:10px;display:grid}.table-wrap tr{background:#f8fbfe;border:1px solid #e3ebf4;border-radius:14px;overflow:hidden}.table-wrap td{overflow-wrap:anywhere;border-bottom:1px solid #e3ebf4;grid-template-columns:minmax(88px,36%) 1fr;align-items:start;gap:10px;min-height:42px;padding:10px 12px;display:grid}.table-wrap td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;font-size:12px;font-weight:800}.table-wrap tr:last-child td{border-bottom:1px solid #e3ebf4}.table-wrap td:last-child{border-bottom:0}.table-wrap.ledger{background:#fff;border:1px solid #e3ebf4;border-radius:14px;width:100%;max-width:100%;overflow-x:auto}.table-wrap.ledger table{border-collapse:collapse;width:560px;min-width:560px;display:table}.table-wrap.ledger thead{display:table-header-group}.table-wrap.ledger tbody{display:table-row-group}.table-wrap.ledger tr{background:0 0;border:0;border-radius:0;display:table-row;overflow:visible}.table-wrap.ledger th,.table-wrap.ledger td{white-space:nowrap;border-bottom:1px solid #e3ebf4;min-height:0;padding:10px;display:table-cell}.table-wrap.ledger td:before{content:none}.table-wrap.ledger tr:last-child td{border-bottom:0}@media (min-width:721px){.app-shell{border-radius:24px;margin-top:18px;margin-bottom:18px;box-shadow:0 24px 80px #1f30472e}.tabs{border-radius:20px 20px 0 0}}@media (max-width:720px){.app-shell{width:100%}.topbar{align-items:center}.login-card{padding:22px}.qr-result{align-items:center}}