:root{--bg:#f2f7fb;--navy:#081c32;--muted:#718397;--line:#d9e4eb;--blue:#1976f3;--cyan:#11b8c6;--green:#20bd78;--purple:#6f58ff;--white:#fff;--shadow:0 12px 30px rgba(11,45,73,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 90% 0,#dff7ff 0,transparent 28%),linear-gradient(#f7fbfd,#edf6fa);font-family:Inter,Arial,sans-serif;color:var(--navy)}button{font:inherit;cursor:pointer;border:0}.header{max-width:1000px;margin:auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--navy)}.brand img{width:55px;height:42px;object-fit:contain}.brand b{font-size:23px;letter-spacing:-.7px}.brand b span{color:#159bd2}.brand small{display:block;color:#8192a2;font-size:8px;letter-spacing:1.7px;margin-top:3px}.header-actions{display:flex;gap:10px}.head-btn{border-radius:15px;padding:12px 18px;font-weight:900;color:#fff;box-shadow:0 9px 20px #147de02a}.install{background:linear-gradient(100deg,#176ff0,#12aeb8)}.support{background:linear-gradient(100deg,#18c968,#11b67d)}main{width:min(940px,92vw);margin:auto}.online-bar{height:60px;background:#fff;border:1px solid #d3dee6;border-radius:31px;padding:0 25px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;margin:8px 0 15px}.online-bar i{width:13px;height:13px;border-radius:50%;background:#26c86d;box-shadow:0 0 0 5px #26c86d20;animation:pulse 1.35s infinite}.online-bar span{margin-left:auto;background:#e8fff3;color:#13a75d;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:900;letter-spacing:1px}@keyframes pulse{0%,100%{transform:scale(1);opacity:1;box-shadow:0 0 0 5px #26c86d20}50%{transform:scale(1.35);opacity:.72;box-shadow:0 0 0 9px #26c86d08}}
.wallet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.money-card{min-height:146px;border-radius:28px;padding:20px;color:#fff;box-shadow:0 15px 30px #176e9b22}.money-card small{font-size:13px;font-weight:900;opacity:.94}.money-card strong{display:block;font-size:23px;margin-top:14px}.money-card button{margin-top:12px;border-radius:24px;padding:8px 30px;color:#167a82;font-weight:900;background:#eafffb}.blue{background:linear-gradient(135deg,#126eea,#1a9fe6)}.teal{background:linear-gradient(135deg,#079ea9,#16b7a4)}.green{background:linear-gradient(135deg,#16b978,#079d81)}.open-account{width:100%;margin:15px 0 29px;padding:15px;border-radius:28px;color:#fff;font-size:18px;font-weight:900;background:linear-gradient(100deg,#146fe9,#11b7b0);box-shadow:0 12px 25px #137bd32b}.withdraw-box,.support-card,.notice,.review{background:#fff;border:1px solid #d3dee5;border-radius:29px;box-shadow:var(--shadow)}.withdraw-box{padding:25px;margin-bottom:36px}.withdraw-box h2{font-size:18px;margin:0 0 20px;line-height:1.45}.methods{display:flex;flex-wrap:wrap;gap:9px}.methods span{background:#eaf3fa;color:#30455a;border-radius:22px;padding:10px 15px;font-weight:900;font-size:13px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:15px}.people-section h1,.reviews h1{font-size:25px;letter-spacing:-.6px;margin:0 0 5px}.section-title p{margin:0 0 17px;color:var(--muted);font-size:12px}.count{font-size:10px;color:#1774d6;background:#eaf3ff;padding:7px 10px;border-radius:14px;font-weight:900}.person{background:#fff;border:1px solid #d4dfe6;border-radius:28px;padding:17px 20px;margin:12px 0;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow);transition:.2s}.person:hover{transform:translateY(-2px)}.avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;flex:none;border:4px solid #e5f3fa;box-shadow:0 4px 12px #173d5517;position:relative}.avatar:after{content:"";position:absolute;right:-1px;bottom:1px;width:13px;height:13px;border-radius:50%;background:#25c96d;border:3px solid white}.person.offline .avatar:after{background:#78899a}.person-info{flex:1;min-width:0}.person-info h3{margin:0;font-size:17px}.person-info p{margin:4px 0;color:#718295;font-size:13px}.rate{display:inline-block;background:#e8f2fa;border-radius:15px;padding:6px 10px;color:#2d4257;font-size:11px;font-weight:900}.status{display:block;margin-top:5px;color:#1fb361;font-size:10px;font-weight:900}.offline .status{color:#778899}.chat-btn{border-radius:25px;color:#fff;background:linear-gradient(100deg,#1476ef,#0daab6);padding:12px 23px;font-weight:900;white-space:nowrap;box-shadow:0 7px 15px #087fe82b}.support-card{padding:25px;margin:44px 0 25px}.support-title{display:flex;align-items:center;gap:12px;margin-bottom:19px}.support-title h2{margin:0;font-size:20px}.mini-logo{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#126fe9,#12b9a6)}.support-card>button{display:block;width:100%;border-radius:28px;padding:15px;margin-top:10px;background:linear-gradient(100deg,#1476ef,#11adb9);color:#fff;font-weight:900}.support-card .whatsapp{background:#1bc965;color:#062c1b}.notice{padding:20px;margin-bottom:25px;min-height:88px}.notice small{display:block;color:#718397;font-weight:900;letter-spacing:.7px;margin-bottom:9px;font-size:10px}.notice b{display:block;color:#148c78;font-size:15px;line-height:1.5}.demo-note{color:#8090a0;font-size:11px;margin:0 0 13px}.review{padding:22px;margin:12px 0}.stars{color:#d9ad40;letter-spacing:4px;font-size:18px}.review p{font-size:15px;line-height:1.55;margin:10px 0}.review>b{color:#708294;font-size:13px}footer{text-align:center;padding:30px;color:#7c8fa0;font-size:11px}.modal{position:fixed;inset:0;background:#041321a8;backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:15px;z-index:30}.modal.show{display:flex}.chat-window{width:min(620px,100%);max-height:92vh;background:#f6fbfe;border:1px solid #cddce6;border-radius:25px;overflow:hidden;box-shadow:0 25px 70px #00132250;position:relative;display:flex;flex-direction:column}.close{position:absolute;right:12px;top:10px;width:35px;height:35px;border-radius:50%;background:#edf5f9;color:#5c7184;font-size:23px}.chat-user{display:flex;gap:12px;align-items:center;padding:20px;border-bottom:1px solid var(--line);background:#fff}.profile-photo{width:52px;height:52px;border-radius:50%;background-size:cover;background-position:center;border:3px solid #e4f2f9}.chat-user h2{font-size:17px;margin:0}.chat-user small{display:block;color:#718397;margin-top:3px}.chat-user span{display:block;color:#20b766;font-size:10px;font-weight:900;margin-top:3px}.plans{display:flex;gap:7px;padding:12px;overflow:auto;background:#edf6fb}.plan{min-width:110px;border:1px solid #d1e0e8;background:#fff;border-radius:13px;padding:10px;text-align:left}.plan b{display:block;font-size:11px}.plan small{color:#147bd8;font-weight:900}.conversation{height:330px;overflow:auto;padding:18px}.bubble{max-width:82%;padding:11px 13px;border-radius:16px;margin:7px 0;background:#fff;border:1px solid #d9e5eb;font-size:12px;line-height:1.55}.bubble.me{margin-left:auto;background:#e5f7f0;border-color:#c5eadb}.chat-compose{display:flex;gap:8px;padding:13px;background:#fff;border-top:1px solid var(--line)}.chat-compose input{flex:1;border:1px solid #d2e0e7;border-radius:13px;padding:11px;outline:none}.chat-compose button{background:linear-gradient(100deg,#1476ef,#11adb9);color:#fff;border-radius:13px;padding:0 18px;font-weight:900}#toast{position:fixed;right:18px;bottom:20px;background:#081c32;color:#fff;padding:13px 16px;border-radius:14px;display:none;z-index:50;font-size:12px;box-shadow:0 10px 30px #00132230}
@media(max-width:700px){.header{padding:15px 11px;display:block}.header-actions{margin-top:12px}.head-btn{flex:1;padding:11px 6px;font-size:11px}.brand img{width:49px;height:38px}.brand b{font-size:21px}.wallet-grid{gap:7px}.money-card{min-height:126px;padding:15px 12px;border-radius:24px}.money-card small{font-size:10px}.money-card strong{font-size:17px}.money-card button{font-size:10px;padding:7px 17px}.online-bar{font-size:12px}.person{padding:14px 11px;gap:10px}.avatar{width:58px;height:58px}.person-info h3{font-size:14px}.person-info p{font-size:11px}.rate{font-size:9px}.chat-btn{padding:10px 13px;font-size:10px}.people-section h1,.reviews h1{font-size:21px}.withdraw-box h2{font-size:16px}.methods span{font-size:11px;padding:8px 11px}.section-title{align-items:start}.count{display:none}}@media(max-width:440px){.chat-btn{padding:9px 10px}.person-info p{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:53px;height:53px}.money-card{min-height:120px}.money-card strong{font-size:15px}}

/* V3 chat / activation polish */
.section-title{display:flex;align-items:end;justify-content:space-between;gap:15px}.section-title .count{background:#e4f2fb;color:#087fe8;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:900;white-space:nowrap}.sms-btn{background:linear-gradient(100deg,#0b88ed,#13a9ad)!important}.chat-window{max-height:92vh;overflow:auto}.step-label{padding:12px 18px;font-size:10px;letter-spacing:.7px;color:#087fe8;font-weight:900;background:#eff8ff;border-bottom:1px solid #dcebf5}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px;border-bottom:1px solid #e0eaf0}.plans.hidden{display:none}.plan{border:1px solid #d7e3eb;background:#f7fbfe;border-radius:13px;padding:10px 6px;color:#18354e}.plan b{display:block;font-size:11px}.plan small{display:block;color:#087fe8;font-weight:900;margin-top:4px;font-size:10px}.chat-stage{min-height:330px}.chat-meta{display:flex;justify-content:space-between;align-items:center;padding:9px 15px;background:#f5fbff;color:#087fe8;font-size:11px;font-weight:900}.chat-meta button{border:0;background:transparent;color:#617b8d;font-size:10px;font-weight:800}.conversation{padding:15px;height:285px;overflow:auto}.bubble{width:max-content;max-width:82%;background:#eef5fa;border:1px solid #dbe7ee;border-radius:15px 15px 15px 4px;padding:10px 12px;margin:0 0 9px;font-size:12px;line-height:1.5;color:#1b344b}.bubble.me{margin-left:auto;background:#dff7ef;border-color:#c9ebdf;border-radius:15px 15px 4px 15px}.typing{display:none;align-items:center;gap:4px;padding:4px 15px 9px;color:#74899a;font-size:10px}.typing.show{display:flex}.typing span{width:5px;height:5px;border-radius:50%;background:#6f91a7;animation:bounce .8s infinite alternate}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.typing b{margin-left:3px;font-weight:800}.chat-compose{display:flex;gap:7px;padding:12px;border-top:1px solid #dfe9ef}.chat-compose input{flex:1;border:1px solid #d5e2ea;border-radius:12px;padding:11px;outline:none;color:#16334b}.chat-compose input:focus{border-color:#0a98dc}.chat-compose button{background:#087fe8;color:#fff;border-radius:12px;padding:0 17px;font-weight:900}.activation-window{width:min(590px,94vw);background:#fff;border:1px solid #cedbe3;border-radius:30px;padding:28px;position:relative;box-shadow:0 25px 80px #08223b30}.activation-logo{width:72px;height:72px;object-fit:contain;border-radius:18px}.activation-window h2{font-size:25px;margin:20px 0 12px}.activation-window p{font-size:16px;line-height:1.7;color:#65798a;margin:9px 0}.activation-window strong{color:#122c44}.activation-window .open-account{margin-top:16px}.modal{position:fixed;inset:0;background:rgba(4,19,33,.62);backdrop-filter:blur(8px);z-index:50;display:none;align-items:center;justify-content:center;padding:15px}.modal.show{display:flex}.close{position:absolute;right:15px;top:10px;border:0;background:#e9f3f8;color:#526b7e;width:35px;height:35px;border-radius:50%;font-size:24px;line-height:1}.chat-user{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #dce7ee}.profile-photo{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid #dceff8}.chat-user h2{margin:0;font-size:17px}.chat-user small{display:block;color:#6c8090;margin-top:3px}.chat-user span{display:block;color:#19ad5c;font-size:10px;font-weight:900;margin-top:4px}.chat-window{width:min(620px,100%);background:#fff;border-radius:25px;border:1px solid #d2e0e8;position:relative;box-shadow:0 30px 90px #00182d44}.demo-note{font-size:11px;color:#778b9b;margin-top:-12px;margin-bottom:14px}@keyframes bounce{to{transform:translateY(-3px);opacity:.45}}
@media(max-width:600px){.section-title{align-items:flex-start}.section-title .count{display:none}.plans{grid-template-columns:repeat(2,1fr)}.conversation{height:250px}.activation-window{padding:24px}.activation-window p{font-size:14px}.chat-window{border-radius:20px}.head-btn{border-radius:14px}}

/* V4 wallet + support polish */
.money-card strong{letter-spacing:-.4px}.money-card button{cursor:pointer}.support-card .channel-btn{background:linear-gradient(100deg,#19c866,#0fae7c)!important;color:#062d1c}.modal{z-index:80}.support-modal,.withdraw-modal{width:min(430px,94vw);background:#fff;border:1px solid #d5e2e9;border-radius:28px;padding:26px;position:relative;box-shadow:0 30px 90px #00182d55}.popup-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#19c866,#0fae7c);color:#fff;font-size:23px;font-weight:900;margin-bottom:15px}.blue-icon{background:linear-gradient(135deg,#1476ef,#11adb9)}.support-modal h2,.withdraw-modal h2{margin:0 0 7px;font-size:22px}.support-modal>p,.withdraw-modal>p{color:#718496;font-size:13px;line-height:1.55;margin:0 0 17px}.support-option{width:100%;display:flex;align-items:center;gap:12px;padding:14px;margin-top:9px;border:1px solid #d9e5eb;border-radius:16px;background:#f8fbfd;text-align:left;color:#102b43}.support-option>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e8f3fb;color:#087fe8;font-weight:900}.support-option div{flex:1}.support-option b{display:block;font-size:13px}.support-option small{display:block;color:#738798;font-size:10px;margin-top:3px}.support-option em{font-style:normal;font-size:23px;color:#8aa0b0}.whatsapp-option>span{background:#dcf8e8;color:#12ae5a}.withdraw-balance{display:flex;justify-content:space-between;background:#edf7fb;border-radius:14px;padding:12px 13px;font-size:11px;color:#718496;margin:13px 0}.withdraw-balance b{color:#087fe8;font-size:12px}.withdraw-modal label{display:block;font-size:11px;font-weight:900;color:#2e465c;margin-bottom:6px}.amount-input{display:flex;align-items:center;border:1px solid #d3e0e7;border-radius:14px;overflow:hidden;background:#fff}.amount-input span{padding:12px;color:#738798;font-weight:900;font-size:12px;background:#f3f8fb}.amount-input input{flex:1;border:0;outline:0;padding:12px;font-weight:800;color:#132d45}.withdraw-submit{margin-top:13px}.typing b{font-weight:800}.chat-stage{display:flex;flex-direction:column}.chat-meta{position:sticky;top:0;z-index:2}.chat-compose{margin-top:auto}.conversation{scroll-behavior:smooth}
@media(max-width:600px){.support-modal,.withdraw-modal{padding:22px;border-radius:24px}.support-option{padding:13px}.withdraw-modal h2{font-size:21px}}

/* V5 visual direction: midnight navy + electric violet + mint */
:root{--bg:#f5f7ff;--navy:#11182f;--muted:#6d7690;--line:#e0e4ef;--blue:#5b5ff7;--teal:#16b8a6;--green:#32c987;--white:#fff;--violet:#7b61ff;--ink:#10172b}
body{background:radial-gradient(circle at 10% 0,#e9e7ff 0,transparent 30%),radial-gradient(circle at 100% 18%,#dffaf3 0,transparent 28%),#f5f7ff;color:var(--navy)}
.header{padding-top:22px}.brand b{color:#12182e}.brand b span{color:#6558e8}.brand small{color:#8991a8}
.head-btn{box-shadow:0 10px 25px rgba(52,61,130,.13)}.install{background:linear-gradient(105deg,#5b5ff7,#25a9ee)}.support{background:linear-gradient(105deg,#19b99e,#36c978)}
.online-bar{border-color:#e1e4ef;box-shadow:0 12px 28px rgba(29,39,82,.07)}.online-bar i{background:#30ca83;box-shadow:0 0 0 6px rgba(48,202,131,.13);animation:pulseOnline 1.5s infinite}.online-bar span{margin-left:auto;background:#e9fff5;color:#16a16d;border:1px solid #c9f3df;padding:5px 9px;border-radius:20px;font-size:9px;font-weight:900;letter-spacing:1px}
@keyframes pulseOnline{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.55}}
.money-card{box-shadow:0 15px 30px rgba(29,39,82,.10)}.blue{background:linear-gradient(135deg,#5a5ff4,#4c8df5)}.teal{background:linear-gradient(135deg,#0fa9a1,#24bda6)}.green{background:linear-gradient(135deg,#25b977,#36c88a)}
.open-account{background:linear-gradient(105deg,#5a5ff4,#17b6a6);box-shadow:0 13px 28px rgba(67,77,201,.18)}
.withdraw-box,.support-card,.notice,.review{box-shadow:0 12px 28px rgba(29,39,82,.07);border-color:#e0e4ef}.methods span{background:#eef0ff;color:#36405c}.methods span:nth-child(3n){background:#e7fbf6}
.person{border-color:#e0e4ef;box-shadow:0 10px 25px rgba(29,39,82,.07)}.avatar{border-color:#eef0ff}.rate{background:#eef0ff}.chat-btn{background:linear-gradient(105deg,#5b5ff7,#19b7a8);box-shadow:0 8px 18px rgba(77,82,217,.18)}
.support-card>button{background:linear-gradient(105deg,#5b5ff7,#20afa9)}.support-card .channel-btn{background:linear-gradient(105deg,#20bf73,#2dce8c);color:#062b1c}
.notice b{color:#147e71}.stars{color:#e4b84f}
.modal{background:rgba(12,17,39,.56);backdrop-filter:blur(8px)}.chat-window,.activation-window,.support-modal,.withdraw-modal{box-shadow:0 30px 90px rgba(16,24,55,.28);border-color:#e0e4ef}.chat-user{background:linear-gradient(105deg,#f5f4ff,#effcf8)}.plan{border-color:#e1e4ef;background:#fafbff;color:var(--navy);box-shadow:0 6px 14px rgba(29,39,82,.04)}.plan:hover{border-color:#7770ee;background:#f1f0ff;transform:translateY(-2px)}.plan b{color:#5b5ff7}.chat-meta{background:#f7f8fd}.chat-meta button{background:#ecebff;color:#5b5ff7}.bubble.me{background:#e9f8f4;border-color:#c9eee5}.bubble:not(.me){background:#f1f0ff;border-color:#dfddff}.typing{background:#f7f8fd;color:#66718a}.chat-compose{background:#fafbff}.chat-compose input{background:#fff;border-color:#e0e4ef;color:var(--navy)}.chat-compose button{background:#5b5ff7}.step-label{color:#69718a}.withdraw-balance{background:#f3f5ff}.support-option{background:#fafbff;border-color:#e0e4ef}.support-option:hover{border-color:#7c75ef;background:#f1f0ff}

/* Only the time/price selector is visible when Chat Now opens */
.chat-window.preselect .chat-user{display:none}

.hidden{display:none!important}.chat-window.preselect .chat-user{display:none!important}.chat-window.preselect .step-label{margin-top:8px}

/* V6 — requested palette: blue, gold, pink, white, black, grey, green */
:root{--blue:#1769e8;--gold:#d6a72f;--pink:#e84f8a;--green:#1dbb70;--black:#10131a;--grey:#707987;--white:#fff;--navy:#111827;--bg:#f7f8fb;--line:#e2e4e9}
body{background:linear-gradient(180deg,#fafbfc 0%,#f2f5f9 100%);color:var(--black)}
.brand b{color:var(--black)}.brand b span{color:var(--blue)}
.install{background:linear-gradient(105deg,#1769e8,#2586ee)}.support{background:linear-gradient(105deg,#1dbb70,#24c77b)}
.online-bar{background:#fff;border-color:#e0e3e8}.online-bar i{background:var(--green);box-shadow:0 0 0 6px #1dbb7020}.online-bar span{background:#edf9f2;color:#15985a}
.blue{background:linear-gradient(135deg,#1769e8,#328df2)}.teal{background:linear-gradient(135deg,#126fda,#1769e8)}.green{background:linear-gradient(135deg,#18ad68,#1dbb70)}
.open-account{background:linear-gradient(105deg,#1769e8,#1d8aef);box-shadow:0 12px 26px #1769e82b}
.withdraw-box,.support-card,.notice,.review{background:#fff;border-color:#e0e3e8}.methods span{background:#f0f2f5;color:#303744}.methods span:nth-child(3n){background:#fff5d8}.methods span:nth-child(4n){background:#ffeaf2}.people-section h1,.reviews h1{color:var(--black)}
.person{background:#fff;border-color:#dfe3e8}.rate{background:#eef3f8}.chat-btn{background:linear-gradient(105deg,#1769e8,#237eea)}
.support-card>button{background:linear-gradient(105deg,#1769e8,#287feb)}.support-card .channel-btn{background:linear-gradient(105deg,#1dbb70,#26c67c)!important}
.notice b{color:#18865a}.stars{color:var(--gold)}
.modal{background:rgba(10,13,20,.62)}.chat-window,.activation-window,.support-modal,.withdraw-modal,.verify-modal{border-color:#e0e3e8}.chat-user{background:#fff}.step-label{color:var(--blue);background:#f3f6fa}.plan{background:#fff;border-color:#dfe3e8}.plan:hover{border-color:var(--blue);background:#f3f7ff}.plan b{color:var(--blue)}.chat-meta{background:#fafbfc;color:var(--blue)}.chat-meta button{background:#edf2ff;color:var(--blue)}.bubble:not(.me){background:#f2f4f7;border-color:#e0e3e8}.bubble.me{background:#eaf8f1;border-color:#c9ecd9}.chat-compose{background:#fff}.chat-compose button{background:var(--blue)}
.withdraw-balance{background:#f3f5f7}.amount-input{border-color:#dce1e6}.amount-input input{color:var(--black)}.withdraw-submit{background:linear-gradient(105deg,#1769e8,#287feb)!important}
.fee-box{margin-top:12px;border:1px solid #e2e4e9;border-radius:14px;background:#fafbfc;padding:11px 12px}.fee-box div{display:flex;justify-content:space-between;gap:15px;padding:5px 0;font-size:11px}.fee-box span{color:var(--grey)}.fee-box b{color:var(--black)}.fee-box div:last-child{border-top:1px dashed #dfe3e8;margin-top:4px;padding-top:9px}.fee-box div:last-child b{color:var(--blue)}.fee-note{font-size:10px!important;color:var(--grey)!important;margin:8px 0 0!important}
.verify-modal{width:min(450px,94vw);background:#fff;border-radius:28px;padding:28px;position:relative;text-align:center;box-shadow:0 30px 90px rgba(16,20,30,.28)}.verify-loader{display:flex;justify-content:center;gap:6px;margin:5px 0 18px}.verify-loader span{width:9px;height:9px;border-radius:50%;background:var(--blue);animation:verifyPulse .8s infinite alternate}.verify-loader span:nth-child(2){background:var(--gold);animation-delay:.16s}.verify-loader span:nth-child(3){background:var(--pink);animation-delay:.32s}@keyframes verifyPulse{to{transform:translateY(-6px);opacity:.45}}.verify-modal h2{margin:0;color:var(--black)}.verify-sub{font-size:11px;color:var(--grey);line-height:1.5}.verify-result{margin-top:18px;padding:17px;border-radius:18px;background:#fff7f8;border:1px solid #f1cfd9;text-align:left}.verify-result>strong{color:#c72f63;font-size:14px}.verify-result p{font-size:12px;line-height:1.6;color:#5f6875}.verify-result .open-account{margin:14px 0 0}
@media(max-width:600px){.fee-box{font-size:10px}.verify-modal{padding:23px}}

/* V7 — premium duration selector inspired by the supplied reference */
.chat-window{width:min(660px,100%);max-height:94vh;overflow:hidden;background:#fff;border-radius:28px}
.chat-window.preselect .chat-user{display:flex!important}
.chat-window.preselect .step-label{margin-top:0}
.chat-user{padding:18px 48px 16px 20px;min-height:86px;background:#fff;border-bottom:1px solid #e5e8ed}
.chat-user .profile-photo{width:58px;height:58px;border:3px solid #e7edf2}
.chat-user h2{font-size:18px;color:#10243b;letter-spacing:-.3px}
.chat-user small{font-size:13px;color:#708093}
.step-label{padding:26px 26px 6px;background:#fff;border:0;color:#10243b;font-size:21px;letter-spacing:-.4px;font-weight:900;text-transform:none}
.step-label:after{content:'Chagua muda unaotaka kuzungumza na kujifunza.';display:block;margin-top:7px;color:#738396;font-size:13px;letter-spacing:0;font-weight:500}
.plans{display:flex;flex-direction:column;gap:9px;padding:14px 22px 16px;background:#fff;border:0;overflow:visible}
.plan{width:100%;min-height:62px;display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid #ccd8e2;background:linear-gradient(100deg,#f1f7fc,#edf4fa);border-radius:34px;padding:13px 18px 13px 18px;color:#122a43;box-shadow:0 3px 9px rgba(24,51,78,.05);transition:.18s}
.plan:before{content:'◷';width:28px;height:28px;display:grid;place-items:center;color:#0b80d9;font-size:20px;margin-right:8px;flex:none}
.plan b{font-size:16px;color:#122a43;flex:1}.plan small{font-size:16px;color:#0b7fd5;font-weight:900;white-space:nowrap}
.plan:hover{transform:translateY(-1px);border-color:#78aeda;background:#e8f3fc;box-shadow:0 7px 16px rgba(24,81,126,.10)}
.call-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 22px 20px;background:#fff}
.call-actions button{border:0;border-radius:28px;padding:13px 14px;color:#fff;font-size:14px;font-weight:900;box-shadow:0 7px 14px rgba(0,0,0,.08)}
.video-call{background:linear-gradient(100deg,#05b4ae,#05aa67)}
.voice-call{background:linear-gradient(100deg,#0db9b2,#d0a64b)}
.chat-stage{border-top:1px solid #e4e9ee}
@media(max-width:600px){
 .chat-window{width:100%;max-height:95vh;border-radius:24px}
 .chat-user{min-height:82px;padding:16px 46px 14px 16px}
 .chat-user .profile-photo{width:54px;height:54px}
 .step-label{font-size:19px;padding:22px 18px 5px}
 .step-label:after{font-size:12px}
 .plans{padding:12px 14px 14px;gap:8px}
 .plan{min-height:58px;padding:11px 15px}
 .plan b,.plan small{font-size:14px}
 .call-actions{padding:0 14px 15px;gap:9px}
 .call-actions button{font-size:12px;padding:12px 8px}
}

/* V8 — DISTINCT PROFESSIONAL PALETTE: white / charcoal / royal blue / gold / pink / green / grey */
:root{
 --bg:#f5f3ee;--navy:#17191f;--black:#111318;--muted:#73777f;--line:#ddd9d0;
 --blue:#174ea6;--gold:#c99a2e;--pink:#d84d82;--green:#208b58;--white:#fff;
}
body{background:linear-gradient(180deg,#fbfaf7 0%,#f1eee8 100%);color:var(--black)}
.header{background:transparent}.brand{color:var(--black)}.brand b{color:var(--black)}.brand b span{color:var(--blue)}.brand small{color:#77746d}
.head-btn{box-shadow:0 8px 18px rgba(23,78,166,.12)}.install{background:var(--blue)}.support{background:var(--green)}
.online-bar{background:#fff;border-color:#d9d5cc;box-shadow:0 8px 22px rgba(30,29,26,.07)}.online-bar i{background:var(--green);box-shadow:0 0 0 6px rgba(32,139,88,.12)}.online-bar span{background:#f1f8f4;color:var(--green)}
.money-card{box-shadow:0 12px 24px rgba(29,29,26,.10)}.blue{background:var(--blue)}.teal{background:#245f9f}.green{background:var(--green)}
.money-card button{color:var(--black);background:#fff}.open-account{background:var(--gold);color:var(--black);box-shadow:0 10px 22px rgba(201,154,46,.18)}
.withdraw-box,.support-card,.notice,.review,.person{background:#fff;border-color:#ddd9d0;box-shadow:0 8px 22px rgba(31,30,27,.07)}
.withdraw-box h2,.people-section h1,.reviews h1{color:var(--black)}.methods span{background:#f0eee9;color:#33363b}.methods span:nth-child(3n){background:#fff3d0}.methods span:nth-child(4n){background:#fdebf2}
.person:hover{border-color:#c9c4b8}.avatar{border-color:#f0eee9}.rate{background:#f0eee9;color:#34373d}.status{color:var(--green)}.chat-btn{background:var(--blue);box-shadow:0 7px 15px rgba(23,78,166,.16)}
.support-card>button{background:var(--blue)}.support-card .channel-btn{background:var(--green)!important}.notice b{color:var(--green)}.stars{color:var(--gold)}
.modal{background:rgba(18,18,20,.55)}
.chat-window{background:#fff;border-color:#d7d2c8;box-shadow:0 28px 80px rgba(18,18,20,.22)}.chat-user{background:#fff;border-bottom-color:#e2ded6}.chat-user h2{color:var(--black)}
.step-label{background:#fff;color:var(--black)}.step-label:after{color:#77746d}.plans{background:#fff}.plan{background:#f7f6f2;border-color:#d8d4cb;color:var(--black);box-shadow:none}.plan:before{color:var(--blue)}.plan b{color:var(--black)}.plan small{color:var(--blue)}.plan:hover{border-color:var(--blue);background:#eef3fa}
.call-actions{background:#fff}.video-call{background:var(--green)}.voice-call{background:var(--blue)}
.chat-stage{border-color:#e2ded6}.chat-meta{background:#f8f7f4;color:var(--blue)}.chat-meta button{background:#f1eee8;color:var(--blue)}.bubble:not(.me){background:#f2f0ec;border-color:#dedad2}.bubble.me{background:#eaf6ef;border-color:#c9e7d5}.chat-compose{background:#fff}.chat-compose input{background:#faf9f6;border-color:#d8d4cb}.chat-compose button{background:var(--blue)}
.activation-window,.support-modal,.withdraw-modal,.verify-modal{background:#fff;border-color:#d8d4cb}.withdraw-balance{background:#f4f2ee}.withdraw-submit{background:var(--blue)!important}.fee-box{background:#faf9f6;border-color:#dfdbd2}.fee-box div:last-child b{color:var(--blue)}
.verify-loader span{background:var(--blue)}.verify-loader span:nth-child(2){background:var(--gold)}.verify-loader span:nth-child(3){background:var(--pink)}.verify-result{background:#fff7f9;border-color:#efcfdc}.verify-result>strong{color:#bf3d69}
#toast{background:var(--black)}
@media(max-width:600px){.open-account{color:var(--black)}.money-card small{color:#fff}.money-card strong{color:#fff}}

/* V9 — TRAINCHAT.LIVE DARK BLUE / LIGHT BLUE THEME */
:root{
 --bg:#06162b;--navy:#eaf4ff;--black:#f4f8ff;--muted:#9bb1c9;--line:#193657;
 --blue:#1687ff;--gold:#e7b93f;--pink:#ec4f9b;--green:#20c979;--white:#fff;
}
body{
 background:radial-gradient(circle at 10% 0,rgba(25,116,220,.28),transparent 28%),
 radial-gradient(circle at 90% 15%,rgba(0,190,255,.16),transparent 25%),
 linear-gradient(180deg,#061a34 0%,#061226 55%,#040d1c 100%);
 color:var(--black);
}
.header{background:rgba(4,17,35,.58);border-bottom:1px solid rgba(80,151,220,.12);backdrop-filter:blur(12px)}
.brand,.brand b{color:#f5f9ff}.brand b span{color:#28a6ff}.brand small{color:#8fa9c3}
.head-btn{box-shadow:0 8px 20px rgba(0,0,0,.25)}.install{background:linear-gradient(105deg,#116fe8,#16a9ff)}.support{background:linear-gradient(105deg,#16b96e,#20d081)}
.online-bar{background:rgba(8,29,53,.9);border-color:#1d456d;box-shadow:0 10px 28px rgba(0,0,0,.25);color:#edf6ff}.online-bar i{background:var(--green);box-shadow:0 0 0 6px rgba(32,201,121,.12)}.online-bar span{background:#0b2b45;color:#50e49b}
.money-card{box-shadow:0 14px 28px rgba(0,0,0,.28)}.blue{background:linear-gradient(135deg,#0e64d8,#168fff)}.teal{background:linear-gradient(135deg,#0d5dbd,#087edc)}.green{background:linear-gradient(135deg,#078d5a,#18c979)}
.money-card button{background:#eaf5ff;color:#0757aa}.open-account{background:linear-gradient(105deg,#e5b63b,#f1cb5b);color:#071426;box-shadow:0 10px 26px rgba(231,185,63,.22)}
.withdraw-box,.support-card,.notice,.review,.person{background:linear-gradient(145deg,rgba(10,31,56,.96),rgba(6,20,38,.96));border-color:#1a4168;box-shadow:0 10px 28px rgba(0,0,0,.24);color:#edf6ff}
.withdraw-box h2,.people-section h1,.reviews h1{color:#f4f8ff}.methods span{background:#102d4b;color:#cfe1f5}.methods span:nth-child(3n){background:#2f2811;color:#f4d87c}.methods span:nth-child(4n){background:#36182c;color:#ff9ec6}
.section-title p,.person-info p{color:#92aac2}.count{background:#0d2e4e;color:#53b4ff}.person:hover{border-color:#2478b8}.avatar{border-color:#153a5d}.rate{background:#0e2b49;color:#cce2f7}.status{color:#39db8b}.offline .status{color:#738ba3}.chat-btn{background:linear-gradient(105deg,#0d79ed,#16a7ff);box-shadow:0 7px 16px rgba(13,121,237,.22)}
.support-card>button{background:linear-gradient(105deg,#0d79ed,#168fff)}.support-card .channel-btn{background:linear-gradient(105deg,#14b96b,#20cf80)!important}.notice b{color:#49db96}.stars{color:#e7bd4a}
.modal{background:rgba(1,9,20,.72);backdrop-filter:blur(9px)}
.chat-window{background:#071a31;border-color:#20527e;box-shadow:0 30px 90px rgba(0,0,0,.58)}.chat-user{background:linear-gradient(105deg,#0b2746,#081b33);border-bottom-color:#1b4268}.chat-user h2{color:#f5f9ff}.chat-user small{color:#9ab5ce}.chat-user span{color:#38d989}
.step-label{background:#071a31;color:#f5f9ff}.step-label:after{color:#8fa9c3}.plans{background:#071a31}.plan{background:linear-gradient(100deg,#0c2947,#0a2039);border-color:#214c72;color:#edf6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.plan:before{color:#31a9ff}.plan b{color:#edf6ff}.plan small{color:#37a9ff}.plan:hover{border-color:#1997ff;background:#0d3153;box-shadow:0 7px 18px rgba(0,117,255,.15)}
.call-actions{background:#071a31}.video-call{background:linear-gradient(105deg,#10b969,#1ed57f)}.voice-call{background:linear-gradient(105deg,#087af0,#18a8ff)}.chat-stage{border-color:#1b4268}.chat-meta{background:#09233f;color:#43aaff}.chat-meta button{background:#0f3456;color:#5cbaff}.bubble:not(.me){background:#0e2945;border-color:#214b70;color:#e8f3ff}.bubble.me{background:#0b3a2b;border-color:#176a4e;color:#edfff7}.typing{background:#0b2945;color:#91aac1}.chat-compose{background:#071a31}.chat-compose input{background:#0b223b;border-color:#214b70;color:#f4f8ff}.chat-compose input::placeholder{color:#718da8}.chat-compose button{background:linear-gradient(105deg,#0d79ed,#168fff)}
.activation-window,.support-modal,.withdraw-modal,.verify-modal{background:#081d35;border-color:#1f4e76;color:#edf6ff}.support-modal>p,.withdraw-modal>p,.verify-sub{color:#8fa9c3}.support-option{background:#0b2743;border-color:#214d73;color:#edf6ff}.support-option small{color:#8fa9c3}.support-option>span{background:#103653;color:#42adff}.whatsapp-option>span{background:#0c3b2a;color:#36d88a}.withdraw-balance{background:#0d2b49;color:#91aac2}.withdraw-balance b{color:#3eaaff}.amount-input{border-color:#214d73;background:#091e35}.amount-input span{background:#0e2b49;color:#91aac2}.amount-input input{background:#091e35;color:#f4f8ff}.withdraw-submit{background:linear-gradient(105deg,#0d79ed,#168fff)!important}.fee-box{background:#091f37;border-color:#214b70}.fee-box span{color:#8da6be}.fee-box b{color:#e8f2ff}.fee-box div:last-child b{color:#3faaff}.verify-result{background:#281422;border-color:#6c2946}.verify-result>strong{color:#ff79ae}.verify-modal h2{color:#f4f8ff}.verify-loader span{background:#168fff}.verify-loader span:nth-child(2){background:#e7b93f}.verify-loader span:nth-child(3){background:#ec4f9b}
#toast{background:#0d2742;color:#f4f8ff;border:1px solid #214b70}
footer{color:#718da7}
@media(max-width:600px){.header{background:rgba(4,17,35,.78)}.open-account{color:#071426}.money-card small,.money-card strong{color:#fff}}

/* V10 refinements: compact selector, clearer presence, white earning popup */
.person{position:relative;flex-wrap:wrap}.person-main{display:flex;align-items:center;gap:16px;flex:1;min-width:230px}.need-chat{font-size:10px;font-weight:900;color:#62e9a5;background:rgba(20,205,120,.10);border:1px solid rgba(70,230,155,.35);border-radius:18px;padding:6px 9px;animation:needChatPulse 1.6s ease-in-out infinite;white-space:nowrap}.chat-btn{border:2px solid #ff4d5f!important;background:linear-gradient(105deg,#0d79ed,#168fff)!important;color:#fff!important}.status{font-size:11px!important;letter-spacing:.4px}.online-person .status{color:#42ff9a!important;text-shadow:0 0 10px rgba(66,255,154,.85),0 0 18px rgba(66,255,154,.4);animation:onlineGlow 1.5s ease-in-out infinite}.offline .status{color:#ff4d5f!important;text-shadow:0 0 8px rgba(255,77,95,.25)}
@keyframes onlineGlow{0%,100%{opacity:1}50%{opacity:.55;text-shadow:0 0 4px rgba(66,255,154,.45)}}
@keyframes needChatPulse{0%,100%{transform:translateY(0);opacity:.82}50%{transform:translateY(-2px);opacity:1;box-shadow:0 0 16px rgba(66,255,154,.16)}}
/* Make the time selector compact enough to show all plans on phone */
.chat-window.preselect{max-height:94vh;overflow:hidden}.chat-window.preselect .chat-user{display:flex!important}.chat-window.preselect .plans{max-height:calc(94vh - 185px);overflow-y:auto;overflow-x:hidden}.plans{padding:9px 16px 11px;gap:7px}.plan{min-height:48px;padding:9px 14px;border-radius:27px}.plan:before{width:24px;height:24px;font-size:17px;margin-right:7px}.plan b,.plan small{font-size:13px}.call-actions{padding:9px 14px;gap:8px}.call-actions button{min-height:43px;font-size:12px}
/* After-chat earnings popup stays clean white even though the site is dark */
.activation-window{background:#fff!important;color:#10243b!important;border-color:#d8e1e8!important}.activation-window h2{color:#10243b!important}.activation-window p{color:#65798a!important}.activation-window strong{color:#10243b!important}.activation-window .close{background:#edf3f7!important;color:#506579!important}.activation-window .open-account{color:#fff!important}
@media(max-width:600px){.person{padding:14px 12px;gap:8px}.person-main{gap:10px;min-width:0}.avatar{width:58px;height:58px}.person-info h3{font-size:14px}.person-info p{font-size:11px}.rate{font-size:9px;padding:5px 8px}.status{font-size:9px!important}.need-chat{font-size:8px;padding:5px 7px}.chat-btn{padding:9px 13px;font-size:10px}.chat-window.preselect{max-height:94vh}.chat-window.preselect .plans{max-height:calc(94vh - 175px);padding:7px 10px 9px;gap:6px}.chat-user{padding:12px 42px 10px 13px;min-height:70px}.chat-user .profile-photo{width:46px;height:46px}.chat-user h2{font-size:15px}.chat-user small{font-size:11px}.chat-user span{font-size:9px}.plan{min-height:45px;padding:8px 11px}.plan:before{width:21px;height:21px;font-size:15px}.plan b,.plan small{font-size:12px}.call-actions button{min-height:39px;font-size:11px}}

/* V11 — CLEAN CHAT/TIME MODAL */
.bottom-bar,.floating-bar,.fixed-actions,.quick-actions,.sticky-actions,
.mobile-bottom-bar,.bottom-actions,.floating-actions{display:none!important}
.chat-modal .bottom-bar,.chat-modal .floating-bar,.chat-modal .fixed-actions,
.chat-modal .quick-actions,.chat-modal .sticky-actions{display:none!important}

/* No extra controls under the time choices */
.time-modal .bottom-actions,.duration-modal .bottom-actions,
.time-modal .floating-actions,.duration-modal .floating-actions{display:none!important}

/* Clean, compact dark-blue selector */
.time-modal,.duration-modal{
  width:min(430px,94vw)!important;
  max-height:88vh!important;
  overflow-y:auto!important;
  border-radius:28px!important;
  background:#081a34!important;
  border:1px solid rgba(75,145,235,.32)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.55)!important;
  padding:18px!important;
}
.time-modal .time-option,.duration-modal .time-option{
  min-height:56px!important;
  margin:7px 0!important;
  border-radius:17px!important;
  background:#071426!important;
  border:1px solid rgba(86,143,205,.20)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:11px 15px!important;
}
.time-modal .time-option .price,.duration-modal .time-option .price{
  color:#f5c542!important;font-weight:900!important;
}
@media(max-width:520px){
  .time-modal,.duration-modal{width:94vw!important;padding:14px!important;max-height:86vh!important}
  .time-modal .time-option,.duration-modal .time-option{min-height:52px!important;padding:9px 13px!important}
}

/* V12 — TIME SELECTOR: ONLY PROFILE + TIME/PRICE LIST */
.time-modal .chat-history,
.time-modal .chat-body,
.time-modal .chat-input,
.time-modal .timer-box,
.time-modal .mode-tabs,
.time-modal .call-actions,
.time-modal .conversation,
.duration-modal .chat-history,
.duration-modal .chat-body,
.duration-modal .chat-input,
.duration-modal .timer-box,
.duration-modal .mode-tabs,
.duration-modal .call-actions,
.duration-modal .conversation,
.chat-modal.selecting-time .chat-history,
.chat-modal.selecting-time .chat-body,
.chat-modal.selecting-time .chat-input,
.chat-modal.selecting-time .timer-box,
.chat-modal.selecting-time .mode-tabs,
.chat-modal.selecting-time .call-actions,
.chat-modal.selecting-time .conversation {
  display:none!important;
}

/* Compact selector: no oversized empty lower area */
.time-modal,.duration-modal{
  height:auto!important;
  max-height:86vh!important;
  overflow-y:auto!important;
}
.time-modal .profile-header,.duration-modal .profile-header{
  margin-bottom:10px!important;
}

/* V13 — STRICT CLEAN TIME SELECTOR */
.chat-window.preselect .call-actions{display:none!important}
.chat-window.preselect .chat-stage{display:none!important}
.chat-window.preselect .plans{display:flex!important}
.chat-window.preselect{max-height:94vh!important;overflow:hidden!important}
.chat-window.preselect .chat-user{display:flex!important}
.chat-window.preselect .step-label{display:block!important}
.chat-window.preselect .plans{max-height:calc(94vh - 150px)!important;overflow-y:auto!important}
@media(max-width:600px){
 .chat-window.preselect .plans{max-height:calc(94vh - 138px)!important}
 .chat-window.preselect .plan{min-height:44px!important;padding:8px 11px!important}
 .chat-window.preselect .plan b,.chat-window.preselect .plan small{font-size:12px!important}
}

/* V14 profile photos */
.avatar{overflow:hidden!important}
.avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}


/* V16 — FUNZA KISWAHILI LIPWA title */
.learn-paid-title{
  margin:18px 0 12px;
  padding:22px 18px 19px;
  border-radius:24px;
  text-align:center;
  background:linear-gradient(135deg,#0b2b4a,#123f68);
  border:1px solid rgba(96,180,255,.28);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
  position:relative;
  overflow:hidden;
}
.learn-paid-title:before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(61,170,255,.10);
  top:-105px;
  right:-55px;
}
.learn-paid-title h1{
  margin:0;
  color:#fff;
  font-size:clamp(24px,6vw,38px);
  line-height:1.05;
  font-weight:900;
  letter-spacing:.7px;
  position:relative;
  z-index:1;
}
.learn-paid-title h1 span{
  color:#5ee7a2;
}
.learn-paid-title p{
  margin:9px 0 0;
  color:#cfe7fb;
  font-size:13px;
  font-weight:600;
  position:relative;
  z-index:1;
}
@media(max-width:600px){
  .learn-paid-title{
    margin:14px 0 10px;
    padding:19px 12px 17px;
    border-radius:20px;
  }
  .learn-paid-title h1{
    font-size:27px;
  }
  .learn-paid-title p{
    font-size:11px;
  }
}
/* ===== WITHDRAWAL RECEIPT ===== */
#withdrawReceiptModal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(4px);
}

#withdrawReceiptModal.show{
  display:flex;
}

.receipt-box{
  position:relative;
  width:min(100%,420px);
  max-height:85hv;
  overflow-y:auto;
  background:#fff;
  color:#18202a;
  border-radius:28px;
  padding:28px 24px 24px;
  box-shadow:0 20px 60px rgba(0,0,0,.30);
  text-align:left;
  animation:receiptIn .25s ease;
}

@keyframes receiptIn{
  from{
    opacity:0;
    transform:translateY(20px) scale(.96);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

.receipt-close{
  position:absolute;
  top:14px;
  right:16px;
  border:0;
  background:none;
  font-size:30px;
  color:#667085;
  cursor:pointer;
}

.receipt-icon{
  width:54px;
  height:62px;
  margin:0 auto 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#22a06b;
  color:#fff;
  border-radius:8px;
  font-size:34px;
}

.receipt-box h2{
  margin:0;
  text-align:center;
  font-size:25px;
  font-weight:800;
}

.receipt-subtitle{
  margin:7px 0 22px;
  text-align:center;
  color:#777;
  font-size:14px;
}

.receipt-line{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:12px 0;
  border-bottom:1px solid #edf0f2;
  font-size:14px;
}

.receipt-line span{
  color:#475467;
}

.receipt-line strong{
  text-align:right;
  color:#18202a;
}

.receipt-success{
  color:#18a566 !important;
}

.receipt-done{
  width:100%;
  margin-top:24px;
  padding:15px;
  border:0;
  border-radius:16px;
  background:linear-gradient(90deg,#1597d3,#1769d5);
  color:#fff;
  font-size:17px;
  font-weight:800;
  cursor:pointer;
}

.transactions-btn{
  display:block;
  width:100%;
  margin-top:12px;
  padding:12px 16px;
  border:0;
  border-radius:12px;
  font-weight:700;
  cursor:pointer;
}

.transactions-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.transaction-item{
  background:#fff;
  color:#111827;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:9px 11px;
  margin:7px 0;
  box-shadow:0 3px 10px rgba(0,0,0,.06);
  font-size:12px;
}

.transaction-item strong{
  display:block;
  font-size:12px;
  margin-bottom:5px;
  color:#111827;
}

.transaction-item div{
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:3px 0;
  border-bottom:1px solid #f0f0f0;
  font-size:11px;
  color:#111827;
}

.transaction-item small{
  display:block;
  margin-top:5px;
  color:#666;
  font-size:10px;
}

/* SCROLL YA TAARIFA ZA MIAMALA */
#transactionsModal .withdraw-modal{
  max-height:90vh;
  overflow:hidden;
}

#transactionsModal #transactionsList{
  max-height:calc(90vh - 170px);
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:5px;
  -webkit-overflow-scrolling:touch;
}