*{box-sizing:border-box}html,body{margin:0;padding:0;background:#041331;color:#fff;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}.phone-shell{width:100%;max-width:370px;min-height:100vh;margin:0 auto;background:linear-gradient(#06163d 0,#071a43 64%,#03112f 100%);overflow:hidden;position:relative;padding-bottom:24px}.topbar{height:45px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;background:#06163d}.title{text-align:center;font-size:15px;font-weight:700}.back-btn{appearance:none;border:0;background:none;color:#fff;font-size:39px;font-weight:200;line-height:1;transform:translateY(-2px);cursor:pointer}.top-spacer{width:42px}.bank-section{padding:0 10px 9px}.section-label{font-size:14px;margin:1px 0 10px}.bank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 7px}.bank-btn{height:29px;border:1px solid #d2d2d2;border-radius:4px;background:#f1f1f1;color:#6a6a6a;font-size:14px;display:flex;align-items:center;gap:8px;padding:0 7px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);transition:.12s ease}.bank-btn:active{transform:scale(.98)}.bank-btn.selected{background:#3e9edc;color:#fff;border-color:#3e9edc}.dot{width:7px;height:7px;border-radius:50%;background:#20e92f;flex:0 0 7px}.deposit-card{margin:3px 12px 9px;background:#fff;border-radius:11px;box-shadow:0 1px 5px rgba(0,0,0,.5);padding-bottom:12px;overflow:hidden;color:#222}.orange-title{height:41px;background:linear-gradient(#ff7416,#f34a00);border:2px solid #ffb04a;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;padding:0 7px;border-radius:10px 10px 0 0;white-space:nowrap;overflow:hidden}.form-row{display:flex;align-items:center;gap:8px;padding:12px 11px 8px}.form-row label{font-family:Georgia,serif;font-weight:700;font-size:14px;white-space:nowrap}.amount-input-wrap{height:31px;display:flex;align-items:center;flex:1;background:linear-gradient(#eee,#fafafa);border-radius:10px;box-shadow:inset 0 1px 4px rgba(0,0,0,.18);overflow:hidden}.rp{background:#ff6f00;color:#fff;border-radius:8px;margin-left:5px;padding:4px 7px;font-size:12px;font-weight:700}.amount-input-wrap input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:12px;font-weight:600;padding:0 7px;color:#555}.amount-input-wrap input::placeholder{color:#c9c9c9;opacity:1}.qris-content{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 21px 10px}.amount-grid{display:grid;grid-template-columns:repeat(2,58px);gap:8px 5px;align-content:start}.amount-grid button{height:33px;background:linear-gradient(#fff,#fafafa);border:1px solid #ddd;border-radius:4px;font-size:14px;font-weight:700;color:#222;cursor:pointer}.amount-grid button:active,.amount-grid button.selected{background:#e9f3fb;border-color:#3697d6}.support{text-align:center;padding-top:2px}.support-by{font-size:12px;color:#555;margin-bottom:6px}.qris-mark{display:flex;justify-content:center;align-items:center;gap:3px;color:#111;line-height:.85}.qris-mark strong{font-size:24px;letter-spacing:-2px}.qris-mark small{text-align:left;font-size:7px;line-height:1.05;color:#333}.qr-box{font-size:28px;line-height:1}.pay-logos{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:7px;font-weight:700;font-size:11px}.bca{color:#2252a4}.ovo{background:#3b3b80;color:#fff;border-radius:3px;padding:1px 3px}.gopay{background:#4285e6;color:#fff;border-radius:3px;padding:1px 4px}.dana{color:#1686e8}.submit-btn{display:block;width:calc(100% - 24px);height:43px;margin:0 auto;border-radius:7px;border:2px solid #0c6baf;background:#3b9bd8;color:#fff;font-size:14px;font-weight:700;box-shadow:0 2px 0 #115b8b;cursor:pointer}.submit-btn:active{transform:translateY(1px);box-shadow:0 1px 0 #115b8b}.selected-note{text-align:center;font-size:10px;color:#777;margin-top:5px;min-height:12px}.status-section{padding:0 14px}.status-title{text-align:center;font-size:10px;font-weight:700;margin:14px 0 10px;white-space:nowrap}.legend{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:3px}.green{background:#4aff00}.red{background:#ff3c30}.yellow{background:#fff400}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.status-card{height:47px;border:3px solid #b98e17;border-radius:9px;background:linear-gradient(#1d2430,#111722);box-shadow:0 0 0 2px #5a4812,inset 0 0 8px rgba(255,255,0,.12);position:relative;display:flex;align-items:center;padding:0 9px;gap:4px;color:#ddd;font-size:12px;font-weight:700;overflow:hidden}.status-card:before{content:"";position:absolute;inset:3px;border-radius:5px;border:1px solid rgba(255,215,0,.35);pointer-events:none}.online{color:#46ff00;font-size:10px;letter-spacing:.5px}.coin{color:#f3d000}.mini-logo{color:#fff;font-size:10px}.signal{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:38px;height:5px;background:linear-gradient(90deg,#34ff00 0 75%,#79d02f 75%);border-radius:4px;box-shadow:0 0 5px #5eff00}.gif-strip{display:flex;gap:10px;justify-content:center;align-items:center;padding:13px 10px 8px;margin-top:3px;border-top:1px solid rgba(255,255,255,.05)}.gif-strip img{width:44px;height:44px;object-fit:contain}.chat-fab{position:fixed;right:max(10px,calc((100vw - 370px)/2 + 10px));bottom:48px;width:58px;height:58px;border:0;border-radius:50%;background:#082eea;box-shadow:0 4px 12px rgba(0,0,0,.35);cursor:pointer;z-index:20}.chat-fab span{position:absolute;width:25px;height:18px;background:#fff;border-radius:50%;left:17px;top:16px}.chat-fab span:after{content:"";position:absolute;right:1px;bottom:-4px;border-width:5px 0 0 7px;border-style:solid;border-color:transparent transparent transparent #fff;transform:rotate(16deg)}.chat-panel{display:none;position:fixed;right:max(10px,calc((100vw - 370px)/2 + 10px));bottom:112px;width:220px;background:#fff;color:#333;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.35);z-index:19;overflow:hidden}.chat-panel.open{display:block}.chat-head{background:#1135df;color:#fff;font-weight:700;padding:10px}.chat-panel p{font-size:12px;line-height:1.4;padding:10px;margin:0}.chat-panel button{margin:0 10px 10px;padding:7px 12px;border:0;border-radius:6px;background:#e8e8e8;cursor:pointer}.toast{position:fixed;left:50%;bottom:15px;transform:translate(-50%,20px);background:rgba(0,0,0,.86);color:#fff;padding:8px 13px;border-radius:20px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:30;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:600px){body{background:#020b20;padding:18px 0}.phone-shell{box-shadow:0 0 30px rgba(0,0,0,.55);border-radius:8px}}@media(max-width:340px){.bank-btn{font-size:12px;padding:0 5px}.qris-content{padding-left:16px;padding-right:16px}.amount-grid{grid-template-columns:repeat(2,55px)}.status-grid{gap:10px}.status-card{padding:0 6px;font-size:10px}}

.bank-grid{max-height:330px;overflow-y:auto;padding-right:2px;scrollbar-width:thin}.bank-grid::-webkit-scrollbar{width:4px}.bank-grid::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}

.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.status-card{display:block;padding:0;border:0;background:transparent;cursor:pointer;line-height:0}.status-card img{display:block;width:100%;height:auto;max-height:50px;object-fit:fill;border-radius:10px}.status-card:active{transform:scale(.97)}

body.promo-open{overflow:hidden}
.promo-overlay{position:fixed;inset:0;background:rgba(1,8,29,.78);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:14px;z-index:100;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.promo-overlay.open{opacity:1;visibility:visible}
.promo-popup{position:relative;width:min(100%,348px);max-height:calc(100vh - 28px);overflow:auto;border:2px solid #ffcc35;border-radius:22px;padding:18px 14px 13px;background:radial-gradient(circle at 50% 0,#6d1e09 0,#2c0d08 35%,#100a12 78%,#070815 100%);box-shadow:0 0 0 2px rgba(255,119,0,.18),0 18px 55px rgba(0,0,0,.72),0 0 28px rgba(255,158,0,.25);color:#fff;transform:translateY(18px) scale(.96);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.promo-overlay.open .promo-popup{transform:translateY(0) scale(1)}
.promo-close{position:absolute;right:8px;top:7px;width:32px;height:32px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(0,0,0,.32);color:#fff;font-size:24px;line-height:28px;cursor:pointer;z-index:3}
.promo-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.promo-glow-a{width:150px;height:150px;left:-65px;top:-55px;background:radial-gradient(circle,rgba(255,169,0,.38),rgba(255,67,0,0) 70%)}.promo-glow-b{width:180px;height:180px;right:-90px;bottom:-85px;background:radial-gradient(circle,rgba(255,55,0,.28),rgba(255,55,0,0) 68%)}
.promo-scatter{width:82px;height:62px;margin:0 auto 2px;position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 5px 8px rgba(0,0,0,.45));animation:scatterFloat 2.4s ease-in-out infinite}
.scatter-s{font-family:Arial Black,Arial,sans-serif;font-size:58px;font-weight:900;font-style:italic;color:#ffdc31;line-height:1;text-shadow:-3px 3px 0 #d35a00,0 0 14px #ff8c00}
.scatter-star{position:absolute;right:7px;top:1px;color:#fff5a6;font-size:22px;text-shadow:0 0 10px #fff000;animation:starBlink 1s ease-in-out infinite}
@keyframes scatterFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes starBlink{0%,100%{opacity:.55;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}
.promo-headline{text-align:center;font-size:12px;font-weight:900;letter-spacing:1.8px;color:#fff3a3}.promo-headline span{color:#ffb515}.promo-title{text-align:center;font-size:20px;line-height:1.05;font-weight:1000;margin-top:4px;color:#fff;text-shadow:0 2px 0 #9c2e00,0 0 13px rgba(255,165,0,.3)}.promo-subtitle{text-align:center;color:#ffd7a1;font-size:11px;margin:6px 0 11px}
.promo-list{display:grid;gap:7px}.promo-item{width:100%;min-height:52px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(255,202,55,.48);border-radius:12px;background:linear-gradient(100deg,rgba(76,22,9,.96),rgba(29,16,18,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 9px rgba(0,0,0,.22);color:#fff;text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.promo-item:hover,.promo-item.chosen{transform:translateY(-1px);border-color:#ffd43b;background:linear-gradient(100deg,rgba(126,35,7,.98),rgba(48,20,17,.98));box-shadow:0 0 0 1px rgba(255,193,7,.18),0 5px 15px rgba(255,94,0,.18)}.promo-item:active{transform:scale(.985)}
.money-stack{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:29px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}.money-stack i{position:absolute;width:25px;height:9px;border-radius:3px;background:linear-gradient(#ffdb55,#e7a900);border:1px solid #fff0a0;transform:rotate(-7deg);bottom:4px;left:6px}.money-stack i:nth-child(2){bottom:7px;left:8px;transform:rotate(5deg)}.money-stack i:nth-child(3){bottom:10px;left:6px;transform:rotate(-2deg)}.promo-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.promo-copy strong{font-size:14px;color:#fff7c7;letter-spacing:.4px}.promo-copy small{font-size:10px;color:#ffd7b0}.promo-copy b{color:#ffe34e}.claim-pill{min-width:58px;padding:7px 6px;border-radius:8px;text-align:center;font-size:10px;font-weight:1000;color:#fff;background:linear-gradient(#ffbb2b,#ef4b00);border:1px solid #ffd75c;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 6px rgba(0,0,0,.25)}
.promo-selected{text-align:center;min-height:30px;padding:8px 4px 3px;color:#ffc889;font-size:10px}.promo-selected b{color:#ffe14a}.promo-main-claim{display:block;width:100%;height:43px;border:2px solid #ffd43b;border-radius:10px;background:linear-gradient(#ffcb3c,#ff5b00 55%,#df2d00);color:#fff;font-size:17px;font-weight:1000;letter-spacing:1px;text-shadow:0 2px 0 #9b2700;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 0 #7e1d00,0 8px 18px rgba(255,81,0,.2);cursor:pointer}.promo-main-claim:disabled{filter:grayscale(.65);opacity:.6;cursor:not-allowed;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.promo-main-claim:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 0 #7e1d00}.promo-note{text-align:center;font-size:8px;color:rgba(255,255,255,.42);margin-top:8px}
@media(max-width:340px){.promo-popup{padding:15px 10px 11px;border-radius:18px}.promo-title{font-size:18px}.promo-item{grid-template-columns:38px 1fr auto;min-height:49px}.promo-copy strong{font-size:13px}.promo-copy small{font-size:9px}.claim-pill{min-width:54px;font-size:9px}}

/* Transfer account card — blue + gold theme */
.transfer-card{margin:2px 12px 10px;border:1px solid #d6aa22;border-radius:10px;background:linear-gradient(135deg,#082657,#0d3b72 55%,#071a42);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 9px rgba(0,0,0,.18);padding:9px 10px;color:#fff}
.transfer-head{display:flex;align-items:center;gap:8px}.transfer-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:900;color:#0b2b5c;background:linear-gradient(145deg,#fff0a0,#d89b13);box-shadow:0 0 0 2px rgba(255,221,88,.25),0 2px 6px rgba(0,0,0,.25)}.transfer-head strong{display:block;font-size:11px;letter-spacing:.2px}.transfer-head small{display:block;font-size:9px;color:#ffd84a;margin-top:2px;font-weight:700}.account-row{display:flex;align-items:center;gap:7px;margin-top:8px}.account-number{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(255,218,75,.55);border-radius:6px;background:rgba(0,0,0,.2);padding:8px 9px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.4px}.copy-account{height:31px;border:1px solid #f0c531;border-radius:6px;background:linear-gradient(#ffd95a,#c58a08);color:#142c50;font-size:9px;font-weight:900;padding:0 10px;cursor:pointer}.copy-account:active{transform:translateY(1px)}.account-owner{font-size:8px;color:#c9dbf4;margin-top:5px}

/* Promo redesign: blue + gold, generic Scatter Mahjong Ways style badge */
.promo-popup{border-color:#f4ca36;background:radial-gradient(circle at 50% -5%,#1b66ad 0,#0b3a72 31%,#071d46 68%,#050f27 100%);box-shadow:0 0 0 2px rgba(244,202,54,.18),0 18px 55px rgba(0,0,0,.72),0 0 32px rgba(31,127,224,.28)}
.promo-glow-a{background:radial-gradient(circle,rgba(37,148,255,.45),rgba(37,148,255,0) 70%)}.promo-glow-b{background:radial-gradient(circle,rgba(255,204,48,.28),rgba(255,204,48,0) 68%)}
.promo-game-logo{position:relative;width:220px;height:70px;margin:0 auto 2px;display:flex;align-items:center;justify-content:center;gap:8px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.5));animation:scatterFloat 2.4s ease-in-out infinite}.game-coin{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font:900 italic 40px/1 Arial Black,Arial,sans-serif;color:#fff7ad;background:radial-gradient(circle at 35% 28%,#fff3a0 0 8%,#f6ca3a 28%,#b9780a 64%,#6a3d05 100%);border:3px solid #ffe36a;box-shadow:inset 0 0 0 3px #b87908,0 0 0 2px rgba(255,225,89,.35),0 0 18px rgba(255,204,42,.3);text-shadow:2px 2px 0 #7b4500}.game-logo-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:.95}.game-logo-copy span{font:900 24px/1 Arial Black,Arial,sans-serif;font-style:italic;letter-spacing:1px;color:#fff4a8;text-shadow:2px 2px 0 #7c4800,0 0 10px rgba(255,214,50,.35)}.game-logo-copy strong{margin-top:5px;font:900 12px/1 Arial,sans-serif;letter-spacing:1.7px;color:#fff;background:linear-gradient(#ffd94d,#c98709);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.35)}.game-spark{position:absolute;color:#fff8ad;text-shadow:0 0 10px #ffd82f;animation:starBlink 1s ease-in-out infinite}.spark-1{right:5px;top:5px;font-size:20px}.spark-2{left:15px;bottom:2px;font-size:13px;animation-delay:.3s}.promo-headline{color:#d9edff}.promo-headline span{color:#ffd33d}.promo-title{text-shadow:0 2px 0 #0b3b72,0 0 13px rgba(83,170,255,.38)}.promo-subtitle{color:#cfe7ff}.promo-item{border-color:rgba(255,211,61,.58);background:linear-gradient(100deg,rgba(8,52,103,.97),rgba(7,27,61,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 9px rgba(0,0,0,.22)}.promo-item:hover,.promo-item.chosen{border-color:#ffe15a;background:linear-gradient(100deg,rgba(14,91,165,.98),rgba(9,37,79,.99));box-shadow:0 0 0 1px rgba(255,213,61,.2),0 5px 15px rgba(31,128,220,.2)}.promo-copy strong{color:#fff8c6}.promo-copy small{color:#cfe6ff}.promo-copy b{color:#ffdc45}.claim-pill{background:linear-gradient(#ffd94c,#c48708);color:#132d55;border-color:#fff09a;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 6px rgba(0,0,0,.25)}.promo-selected{color:#b9dbff}.promo-selected b{color:#ffe052}.promo-main-claim{border-color:#ffe05a;background:linear-gradient(#ffe06a,#d9a313 55%,#9b6500);color:#092b55;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 0 #704700,0 8px 18px rgba(255,197,33,.2)}.promo-main-claim:not(:disabled):active{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 #704700}.promo-note{color:rgba(214,235,255,.48)}

/* Transfer data layout — matches requested reference */
.transfer-card{margin:0 13px 10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff}
.transfer-head{display:none}
.transfer-row{min-height:50px;display:grid;grid-template-columns:105px 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.28);padding:4px 0}
.transfer-row-last{min-height:48px}
.transfer-label{font-size:16px;line-height:1.02;color:#fff;font-weight:400}
.transfer-value-wrap{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.account-number,.account-owner,.account-bank{border:0;background:transparent;padding:0;margin:0;overflow:visible;text-overflow:clip;white-space:nowrap;color:#000;font-size:16px;font-weight:400;letter-spacing:0}
.account-owner{font-size:16px;color:#000;margin-top:0}
.account-bank{font-size:16px;font-weight:400;color:#000;}
.copy-account{height:auto;border:0;border-radius:0;background:transparent;color:#25ff70;font-size:16px;font-weight:400;padding:0;cursor:pointer;white-space:nowrap;box-shadow:none}
.copy-account::first-letter{font-size:18px}
.copy-account:active{transform:scale(.97);color:#aaffc3}
@media(max-width:340px){.transfer-row{grid-template-columns:94px 1fr}.transfer-label,.account-number,.account-owner,.account-bank,.copy-account{font-size:14px}.transfer-value-wrap{gap:6px}}

/* Deposit processing -> transaction history flow */
.phone-shell.deposit-complete > :not(.history-view){display:none !important}
.processing-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:rgba(2,12,39,.72);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;padding:18px}
.processing-overlay.open{opacity:1;visibility:visible}
.processing-popup{width:min(330px,92vw);padding:25px 20px 22px;border:2px solid #f2c62e;border-radius:18px;background:linear-gradient(145deg,#0b3d78,#071b43 70%);box-shadow:0 18px 50px rgba(0,0,0,.65),0 0 30px rgba(45,151,255,.24);text-align:center;color:#fff}
.loading-ring{width:52px;height:52px;margin:0 auto 15px;border:5px solid rgba(255,255,255,.22);border-top-color:#ffd33e;border-right-color:#3aa6ff;border-radius:50%;animation:processingSpin .85s linear infinite}
.processing-title{font-size:18px;font-weight:800;margin-bottom:9px;color:#fff}
.processing-text{font-size:13px;line-height:1.5;color:#dceeff}
@keyframes processingSpin{to{transform:rotate(360deg)}}

.history-view{display:none;min-height:100vh;background:#061842;color:#fff}
.phone-shell.deposit-complete .history-view{display:block}
.history-topbar{height:65px;display:grid;grid-template-columns:58px 1fr 58px;align-items:center;background:#061842}
.history-back{border:0;background:transparent;color:#fff;font-size:49px;font-weight:200;line-height:1;cursor:pointer;padding:0 0 8px}
.history-title{text-align:center;font-size:19px;font-weight:900;white-space:nowrap}
.history-filter{width:42px;height:42px;border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:6px;cursor:pointer;padding:5px}
.history-filter span{display:block;height:2px;background:#fff;border-radius:2px;position:relative}
.history-filter span:nth-child(1){width:26px;margin-left:5px}.history-filter span:nth-child(2){width:20px;margin-left:11px}.history-filter span:nth-child(3){width:27px;margin-left:3px}
.history-filter span:after{content:"";position:absolute;width:5px;height:5px;border:2px solid #fff;border-radius:50%;background:#061842;top:-4px}.history-filter span:nth-child(1):after{left:8px}.history-filter span:nth-child(2):after{left:3px}.history-filter span:nth-child(3):after{left:15px}
.history-tabs{height:53px;display:grid;grid-template-columns:1fr 1fr;background:#061842}
.history-tab{border:0;background:transparent;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.history-tab.active{background:#4fc5e9}
.history-period{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;padding:13px 9px 18px;color:#fff}.history-period span{height:1px;border-top:1px dashed rgba(255,255,255,.28)}.history-period strong{font-size:22px;font-weight:400}
.history-list{padding:0 8px}.history-item{min-height:77px;border-bottom:1px solid rgba(255,255,255,.8);display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:8px}.history-method-icon{width:52px;height:39px;border-radius:4px;background:#343434;position:relative;box-shadow:inset 0 -9px 0 rgba(0,0,0,.16)}.history-method-icon:after{content:"";position:absolute;left:0;right:0;top:15px;height:5px;background:#071842}.history-method-icon span:first-child{position:absolute;left:7px;top:7px;width:17px;height:3px;background:#6d6d6d}.history-method-icon span:last-child{position:absolute;right:7px;bottom:7px;width:10px;height:3px;background:#6d6d6d}
.history-main{min-width:0;display:flex;flex-direction:column;gap:2px}.history-main strong{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-main small{font-size:12px;color:#9eabc4}
.history-amount{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.history-amount strong{font-size:26px;font-weight:400;white-space:nowrap}.history-amount em{font-size:13px;font-style:normal;color:#ffd400;margin-right:1px}.history-amount small{font-size:13px;color:#ff9d00}
.history-chat{position:fixed;right:25px;bottom:73px;width:59px;height:59px;border-radius:50%;border:3px solid #2ec6ed;background:#061842;box-shadow:0 4px 12px rgba(0,0,0,.3);cursor:pointer}.history-chat:before{content:"";position:absolute;inset:8px;border-radius:50%;background:linear-gradient(145deg,#fff,#b9d8e9)}.history-chat span{position:absolute;left:19px;top:22px;width:19px;height:13px;border-radius:50%;background:#fff;z-index:1}.history-chat span:after{content:"";position:absolute;right:1px;bottom:-3px;border-width:4px 0 0 5px;border-style:solid;border-color:transparent transparent transparent #fff}
@media(max-width:380px){.history-title{font-size:18px}.history-period strong{font-size:21px}.history-item{grid-template-columns:58px 1fr auto}.history-amount strong{font-size:24px}.history-chat{right:22px;bottom:68px}}