.tb-account-page{display:grid;gap:18px;padding-bottom:40px}.tb-account-hero{display:flex;align-items:center;gap:18px;padding:24px!important;background:linear-gradient(135deg,rgba(38,26,64,.96),rgba(13,12,28,.98));border-color:rgba(245,158,11,.35)}.tb-account-avatar{display:grid;place-items:center;width:72px;height:72px;flex:none;border-radius:22px;background:linear-gradient(135deg,#fbbf24,#f59e0b 45%,#8b5cf6);color:#21152c;font-size:1.8rem;font-weight:900;box-shadow:0 10px 30px rgba(245,158,11,.24)}.tb-account-identity{min-width:0;flex:1}.tb-account-identity .tb-eyebrow{margin-bottom:6px}.tb-account-identity h2{margin:0 0 4px;color:var(--tb-cream);font:700 clamp(1.45rem,3vw,2rem)/1.15 "Noto Serif Display",Georgia,serif}.tb-account-identity>p:last-child{margin:0;color:var(--tb-muted);overflow-wrap:anywhere}.tb-account-role{flex:none;border:1px solid rgba(251,191,36,.42);border-radius:999px;padding:8px 12px;background:rgba(245,158,11,.12);color:#fcd34d;font-size:.78rem;font-weight:800}.tb-account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tb-account-stat{display:grid;gap:7px;padding:20px!important}.tb-account-stat span{color:var(--tb-muted);font-size:.82rem}.tb-account-stat strong{color:#fff2bf;font:700 clamp(1.25rem,2.8vw,1.8rem)/1.1 "Noto Serif Display",Georgia,serif}.tb-account-stat small{color:#8997b4;font-size:.74rem;line-height:1.45}.tb-account-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px}.tb-account-panel{padding:24px!important}.tb-account-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.tb-account-panel-head h2{margin:3px 0 0;color:var(--tb-cream);font:700 1.35rem/1.15 "Noto Serif Display",Georgia,serif}.tb-account-panel-head>span{border:1px solid rgba(129,140,248,.28);border-radius:999px;padding:5px 9px;color:#cbd5e1;font-size:.7rem}.tb-account-muted{margin:0 0 18px;color:var(--tb-muted);font-size:.84rem;line-height:1.6}.tb-account-form{display:grid;gap:13px}.tb-account-form label{display:grid;gap:7px;color:var(--tb-cream);font-size:.85rem;font-weight:700}.tb-account-form label small{color:var(--tb-muted);font-size:.72rem;font-weight:400}.tb-account-form input{box-sizing:border-box;width:100%;min-height:45px;border:1px solid rgba(230,199,120,.22);border-radius:10px;padding:11px 13px;background:rgba(3,3,12,.62);color:var(--tb-text);font:inherit;outline:none}.tb-account-form input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.12)}.tb-account-form .aituvi-button{justify-self:start;margin-top:3px}.tb-account-actions{display:grid;gap:9px}.tb-account-actions button{display:grid;gap:4px;width:100%;border:1px solid rgba(129,140,248,.2);border-radius:11px;padding:12px 13px;background:rgba(20,18,43,.7);color:var(--tb-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.tb-account-actions button:hover{border-color:rgba(251,191,36,.5);background:rgba(245,158,11,.09);transform:translateY(-1px)}.tb-account-actions b{color:#fcd34d;font-size:.86rem}.tb-account-actions small{color:var(--tb-muted);font-size:.75rem;line-height:1.4}.tb-account-meta{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid rgba(129,140,248,.18);color:var(--tb-muted);font-size:.78rem}.tb-account-meta b{color:#e8e1f4;font-weight:600;text-align:right}.tb-account-logout{width:100%;margin-top:20px;border:1px solid rgba(248,113,113,.35);border-radius:10px;padding:11px 13px;background:rgba(127,29,29,.15);color:#fecaca;font:700 .85rem/1.2 inherit;cursor:pointer}.tb-account-logout:hover{border-color:#fb7185;background:rgba(127,29,29,.28)}.tb-account-empty{display:grid;gap:15px;justify-items:start;max-width:680px;padding:26px!important}.tb-account-empty p{margin:0;color:var(--tb-muted)}@media(max-width:760px){.tb-account-stats,.tb-account-grid{grid-template-columns:1fr}.tb-account-hero{align-items:flex-start;flex-wrap:wrap}.tb-account-role{margin-left:90px;margin-top:-8px}.tb-account-panel{padding:20px!important}}@media(max-width:480px){.tb-account-avatar{width:58px;height:58px;border-radius:17px;font-size:1.45rem}.tb-account-role{margin-left:76px}}
.aituvi-wrap:has(.tb-account-page){padding-top:24px;padding-bottom:46px}.aituvi-wrap:has(.tb-account-page) .aituvi-intro{margin-bottom:20px}.tb-account-page{gap:12px;padding-bottom:24px}.tb-account-stats,.tb-account-grid{gap:12px}.tb-account-panel{padding:18px!important}.tb-account-muted{margin-bottom:14px}.tb-account-meta{margin-top:12px;padding-top:11px}.tb-account-logout{margin-top:14px}
.aituvi-wrap:has(.tb-account-page) section.aituvi-intro{padding:0!important}.aituvi-wrap:has(.tb-account-page) section.tb-account-page{padding:0 0 24px!important}
.tb-account-password-card{padding:0!important;overflow:hidden}.tb-account-password-card.is-open{padding:0!important}.tb-account-password-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:88px;border:0;padding:18px 20px;background:transparent;color:var(--tb-text);font:inherit;text-align:left;cursor:pointer}.tb-account-password-toggle:hover{background:rgba(245,158,11,.06)}.tb-account-password-toggle>span:first-child{display:grid;gap:5px}.tb-account-password-toggle b{color:#b9c9e4;font-size:.72rem;letter-spacing:.16em}.tb-account-password-toggle strong{color:var(--tb-cream);font:700 1.25rem/1.15 "Noto Serif Display",Georgia,serif}.tb-account-password-toggle small{color:var(--tb-muted);font-size:.76rem}.tb-account-password-toggle>span:last-child{color:#fbbf24;font-size:1.5rem}.tb-account-password-content{padding:0 20px 20px}.tb-account-password-content .tb-account-muted{margin-top:0}
.tb-account-stat{align-content:start}.tb-account-gold-button,.tb-account-vip-button{justify-self:start;border-radius:9px;padding:8px 11px;font:800 .75rem/1.1 inherit;cursor:pointer;transition:transform .2s,box-shadow .2s}.tb-account-gold-button{border:1px solid #f8d56c;background:linear-gradient(135deg,#f9d976,#f0ad2f);color:#28152a;box-shadow:0 5px 15px rgba(245,158,11,.2)}.tb-account-gold-button:hover,.tb-account-vip-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(245,158,11,.28)}.tb-account-vip-button{border:1px solid rgba(251,191,36,.45);background:rgba(245,158,11,.12);color:#fcd34d}.tb-account-checkin-button{border-color:rgba(245,158,11,.38)!important;background:linear-gradient(100deg,rgba(245,158,11,.12),rgba(139,92,246,.1))!important}.tb-account-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.tb-account-section-head h2{margin:3px 0 0;color:var(--tb-cream);font:700 1.35rem/1.15 "Noto Serif Display",Georgia,serif}.tb-account-section-head>span{border:1px solid rgba(129,140,248,.28);border-radius:999px;padding:5px 9px;color:#cbd5e1;font-size:.7rem;white-space:nowrap}.tb-account-history{padding:18px!important}.tb-account-history-list{display:grid;gap:8px}.tb-account-history-item{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(129,140,248,.17);border-radius:10px;background:rgba(20,18,43,.58)}.tb-account-history-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:rgba(245,158,11,.12);color:#fbbf24}.tb-account-history-item strong{color:#f2e7c7;font-size:.82rem}.tb-account-history-item p{margin:3px 0 0;color:var(--tb-muted);font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-account-history-item time{color:#94a3b8;font-size:.7rem;white-space:nowrap}.tb-account-history-empty{margin:0;color:var(--tb-muted);font-size:.82rem}.tb-account-modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:rgba(4,6,15,.77);backdrop-filter:blur(8px)}.tb-account-modal{position:relative;width:min(520px,100%);padding:24px!important;border:1px solid rgba(245,158,11,.42);border-radius:20px;background:linear-gradient(145deg,#1c1534,#0d0c1d);box-shadow:0 25px 80px rgba(0,0,0,.5)}.tb-account-modal-close{position:absolute;top:13px;right:13px;border:1px solid rgba(129,140,248,.3);border-radius:8px;padding:5px 9px;background:transparent;color:#dce5f8;font-size:1.2rem;cursor:pointer}.tb-account-modal h2{margin:4px 0 8px;color:var(--tb-cream);font:700 1.55rem/1.2 "Noto Serif Display",Georgia,serif}.tb-account-modal-lead{margin:0;color:var(--tb-muted);font-size:.84rem;line-height:1.55}.tb-topup-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.tb-topup-amounts button{display:grid;gap:4px;border:1px solid rgba(129,140,248,.24);border-radius:10px;padding:11px 8px;background:rgba(18,16,39,.8);color:var(--tb-text);font:inherit;cursor:pointer}.tb-topup-amounts button.is-selected,.tb-topup-amounts button:hover{border-color:#fbbf24;background:rgba(245,158,11,.12)}.tb-topup-amounts b{color:#fff0bd;font-size:.8rem}.tb-topup-amounts small{color:#fbbf24;font-size:.72rem}.tb-topup-qr{display:grid;place-items:center;gap:7px;min-height:190px;border:1px dashed rgba(245,158,11,.42);border-radius:14px;background:radial-gradient(circle,rgba(245,158,11,.13),rgba(18,16,39,.5) 55%);text-align:center}.tb-topup-qr>span{font-size:3.2rem;color:#fbbf24;line-height:1}.tb-topup-qr strong{color:#fff1c7;font-size:.9rem}.tb-topup-qr small{max-width:320px;color:var(--tb-muted);font-size:.72rem;line-height:1.45}.tb-account-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.tb-account-modal-actions .aituvi-button{margin:0}@media(max-width:620px){.tb-account-history-item{grid-template-columns:30px 1fr}.tb-account-history-item time{grid-column:2}.tb-topup-amounts{grid-template-columns:1fr}.tb-account-modal-actions{flex-direction:column}.tb-account-modal-actions button{width:100%}}
.tb-account-stats-four{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.tb-account-stats-four .tb-account-stat{min-height:154px;box-sizing:border-box;grid-template-rows:auto auto 1fr auto;align-content:stretch;border:1px solid rgba(245,158,11,.2);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.tb-account-stats-four .tb-account-stat:hover{border-color:rgba(251,191,36,.42);box-shadow:0 12px 28px rgba(245,158,11,.08);transform:translateY(-2px)}.tb-account-stat>span{display:flex;align-items:center;gap:6px}.tb-account-stat-icon{font-style:normal;font-size:1.05rem;line-height:1}.tb-account-gold-button,.tb-account-vip-button,.tb-account-checkin-button,.tb-account-history-revisit{transition:all .2s ease}.tb-account-lower-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,3fr);align-items:start;gap:12px}.tb-account-lower-main,.tb-account-lower-side{min-width:0}.tb-account-lower-side{display:grid;gap:12px}.tb-account-lower-side>.tb-card{border-color:rgba(245,158,11,.2);transition:border-color .2s ease,box-shadow .2s ease}.tb-account-lower-side>.tb-card:hover{border-color:rgba(251,191,36,.4);box-shadow:0 12px 28px rgba(245,158,11,.07)}.tb-account-checkin-card{display:grid;gap:8px;padding:18px!important}.tb-account-checkin-card h2{margin:0;color:var(--tb-cream);font:700 1.28rem/1.15 "Noto Serif Display",Georgia,serif}.tb-account-checkin-card p:not(.tb-eyebrow){margin:0 0 3px;color:var(--tb-muted);font-size:.78rem;line-height:1.5}.tb-account-checkin-card .tb-account-checkin-button{display:grid;gap:3px;width:100%;margin-top:3px;text-align:left}.tb-account-shortcuts{padding:18px!important}.tb-account-shortcuts .tb-account-panel-head{margin-bottom:10px}.tb-account-shortcuts .tb-account-actions{gap:7px}.tb-account-shortcuts .tb-account-actions button{padding:10px 11px}.tb-account-password-card{border-color:rgba(245,158,11,.2)}.tb-account-lower-side .tb-account-password-toggle{min-height:70px;padding:14px 17px}.tb-account-lower-side .tb-account-password-toggle strong{font-size:1.05rem}.tb-account-lower-side .tb-account-password-content{padding:0 17px 17px}.tb-account-side-footer{padding:5px 17px 17px!important}.tb-account-side-footer .tb-account-meta{margin-top:0;padding-top:0;border-top:0}.tb-account-side-footer .tb-account-logout{margin-top:12px}.tb-account-history-revisit{border:1px solid rgba(251,191,36,.28);border-radius:8px;padding:6px 9px;background:rgba(245,158,11,.08);color:#fcd34d;font:700 .68rem/1.1 inherit;cursor:pointer;white-space:nowrap}.tb-account-history-revisit:hover{border-color:rgba(251,191,36,.65);background:rgba(245,158,11,.16);box-shadow:0 0 16px rgba(245,158,11,.12)}
@media(max-width:1020px){.tb-account-stats-four{grid-template-columns:repeat(2,minmax(0,1fr))}.tb-account-lower-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.72fr)}}
@media(max-width:760px){.tb-account-stats-four{grid-template-columns:repeat(2,minmax(0,1fr))}.tb-account-lower-grid{grid-template-columns:1fr}.tb-account-lower-side{grid-template-columns:repeat(2,minmax(0,1fr))}.tb-account-lower-side>.tb-account-password-card,.tb-account-lower-side>.tb-account-side-footer{grid-column:1/-1}}
.tb-topup-custom-label{display:block;margin-top:15px;color:#f2e7c7;font-size:.82rem;font-weight:700}.tb-topup-custom-input{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid rgba(245,158,11,.35);border-radius:10px;padding:12px 13px;background:rgba(8,7,21,.86);color:var(--tb-cream);font:600 1rem/1.2 inherit;outline:none}.tb-topup-custom-input:focus{border-color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.12)}.tb-topup-custom-help{display:block;margin-top:5px;color:var(--tb-muted);font-size:.7rem}.tb-topup-preview{display:grid;gap:4px;margin-top:11px;border:1px solid rgba(245,158,11,.34);border-radius:11px;padding:11px 13px;background:rgba(245,158,11,.08)}.tb-topup-preview b{color:#fff0bd;font-size:.86rem}.tb-topup-preview small{color:#fbbf24;font-size:.74rem}.tb-topup-preview.is-warning{border-color:rgba(248,113,113,.42);background:rgba(127,29,29,.16)}.tb-topup-preview.is-warning span{color:#fecaca;font-size:.78rem}.tb-topup-amounts em{color:#cbd5e1;font-size:.66rem;font-style:normal}.tb-topup-notes{display:grid;gap:8px;margin-top:16px;color:#d6cda9;font-size:.7rem;line-height:1.5;text-align:left}.tb-topup-notes p{margin:0;border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:9px 11px;background:rgba(245,158,11,.045)}.tb-topup-notes p:last-child{border-color:rgba(248,113,113,.3);color:#e6d7d0;background:rgba(127,29,29,.12)}.tb-topup-notes strong{color:#fecaca}.tb-wallet-order-success{display:grid;gap:5px;margin-top:12px;border:1px solid rgba(74,222,128,.28);border-radius:11px;padding:11px 13px;background:rgba(22,101,52,.12)}.tb-wallet-order-success b{color:#bbf7d0;font-size:.82rem}.tb-wallet-order-success span,.tb-wallet-order-success small{color:#b6c5d9;font-size:.7rem;line-height:1.4}.tb-wallet-order-success strong{color:#fcd34d}.tb-wallet-modal{max-height:calc(100dvh - 24px);overflow:auto}
@media(max-width:560px){.tb-account-stats-four{grid-template-columns:1fr}.tb-account-lower-side{grid-template-columns:1fr}.tb-account-history-item{grid-template-columns:30px minmax(0,1fr) auto}.tb-account-history-item time{grid-column:2;grid-row:2}.tb-account-history-revisit{grid-column:3;grid-row:1}.tb-account-history-item .tb-account-history-copy{min-width:0}}
.tb-account-history-item{grid-template-columns:32px minmax(0,1fr) auto auto}@media(max-width:560px){.tb-account-history-item{grid-template-columns:30px minmax(0,1fr) auto}}
.tb-account-lower-grid{display:block}.tb-account-lower-main{display:none}.tb-account-lower-side{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.tb-account-lower-side>.tb-card{height:100%;box-sizing:border-box}.tb-account-lower-side .tb-account-password-toggle{min-height:100px}.tb-account-lower-side .tb-account-side-footer{display:flex;flex-direction:column;justify-content:center}
@media(max-width:1020px){.tb-account-lower-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tb-account-lower-side{grid-template-columns:1fr}}

@media(max-width:767px){
  .aituvi-wrap:has(.tb-account-page) .tb-account-hero{grid-template-columns:78px minmax(0,1fr)}
  .aituvi-wrap:has(.tb-account-page) .tb-account-avatar{grid-area:avatar;width:78px;height:78px;border-radius:50%;justify-self:center;align-self:center}
}

@media(max-width:420px){
  .aituvi-wrap:has(.tb-account-page) .tb-account-hero{grid-template-columns:68px minmax(0,1fr)}
  .aituvi-wrap:has(.tb-account-page) .tb-account-avatar{width:68px;height:68px}
}
.tb-account-loading{display:grid;justify-items:center;gap:18px;min-height:300px;padding:42px 24px!important;overflow:hidden;position:relative;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(245,158,11,.12),transparent 42%),linear-gradient(145deg,rgba(28,20,49,.98),rgba(10,10,24,.98));border-color:rgba(245,158,11,.24)}.tb-account-loading:before{position:absolute;inset:18px;border:1px solid rgba(129,140,248,.12);border-radius:16px;content:"";pointer-events:none}.tb-account-loading-orbit{position:relative;z-index:1;width:66px;height:66px;border:1px solid rgba(251,191,36,.22);border-radius:50%;animation:tb-account-spin 2.6s linear infinite;box-shadow:0 0 30px rgba(245,158,11,.12)}.tb-account-loading-orbit:before,.tb-account-loading-orbit:after{position:absolute;inset:7px;border:2px solid transparent;border-top-color:#fbbf24;border-right-color:rgba(167,139,250,.8);border-radius:50%;content:""}.tb-account-loading-orbit:after{inset:17px;border-width:1px;border-top-color:#fff0bd;border-right-color:transparent;animation:tb-account-spin-reverse 1.4s linear infinite}.tb-account-loading-orbit span{position:absolute;top:50%;left:50%;width:9px;height:9px;border-radius:50%;background:#ffd86b;box-shadow:0 0 18px #f59e0b;transform:translate(-50%,-50%)}.tb-account-loading-copy{position:relative;z-index:1;display:grid;gap:6px}.tb-account-loading-copy strong{color:var(--tb-cream);font:700 1.25rem/1.2 "Noto Serif Display",Georgia,serif}.tb-account-loading-copy span{color:var(--tb-muted);font-size:.8rem}.tb-account-loading-lines{position:relative;z-index:1;display:grid;gap:7px;width:min(330px,100%)}.tb-account-loading-lines i{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(129,140,248,.1),rgba(251,191,36,.25),rgba(129,140,248,.1));background-size:220% 100%;animation:tb-account-shimmer 1.7s ease-in-out infinite}.tb-account-loading-lines i:nth-child(2){width:82%;margin:auto;animation-delay:.15s}.tb-account-loading-lines i:nth-child(3){width:62%;margin:auto;animation-delay:.3s}@keyframes tb-account-spin{to{transform:rotate(360deg)}}@keyframes tb-account-spin-reverse{to{transform:rotate(-360deg)}}@keyframes tb-account-shimmer{0%,100%{background-position:100% 0;opacity:.55}50%{background-position:0 0;opacity:1}}
.tb-account-lower-side{align-items:start}.tb-account-checkin-card{position:relative;align-self:start;gap:14px;overflow:hidden;padding:18px!important;background:radial-gradient(circle at 100% 0,rgba(245,158,11,.18),transparent 42%),linear-gradient(145deg,rgba(33,23,55,.98),rgba(14,12,30,.98));box-shadow:inset 0 1px 0 rgba(255,246,198,.06),0 12px 28px rgba(4,3,15,.16)}.tb-account-checkin-card:after{position:absolute;top:-34px;right:-28px;width:112px;height:112px;border:1px solid rgba(251,191,36,.17);border-radius:50%;box-shadow:0 0 0 13px rgba(251,191,36,.04),0 0 0 27px rgba(251,191,36,.025);content:"";pointer-events:none}.tb-account-checkin-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.tb-account-checkin-top .tb-eyebrow{margin:0}.tb-account-checkin-badge{position:relative;z-index:1;border:1px solid rgba(251,191,36,.28);border-radius:999px;padding:4px 8px;background:rgba(245,158,11,.09);color:#fcd34d;font-size:.66rem;font-weight:800;letter-spacing:.02em}.tb-account-checkin-title{display:flex;align-items:center;gap:11px}.tb-account-checkin-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid rgba(251,191,36,.4);border-radius:12px;background:linear-gradient(135deg,rgba(251,191,36,.25),rgba(139,92,246,.18));color:#ffe08a;font-size:1.2rem;box-shadow:0 0 22px rgba(245,158,11,.15)}.tb-account-checkin-title h2{margin:0;color:var(--tb-cream);font:700 1.2rem/1.15 "Noto Serif Display",Georgia,serif}.tb-account-checkin-title p{margin:5px 0 0!important;color:var(--tb-muted);font-size:.75rem!important;line-height:1.4!important}.tb-account-checkin-reward{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(129,140,248,.18);border-radius:11px;background:rgba(10,10,27,.34)}.tb-account-checkin-reward>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(245,158,11,.14);color:#fbbf24;font-size:1rem}.tb-account-checkin-reward b{display:block;color:#fff0bd;font-size:.78rem}.tb-account-checkin-reward small{display:block;margin-top:2px;color:#aab7d0;font-size:.68rem;line-height:1.35}.tb-account-checkin-card .tb-account-checkin-button{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0!important;border:1px solid rgba(255,218,112,.65)!important;border-radius:11px;padding:11px 12px;background:linear-gradient(100deg,#f7c84b,#efa51e 60%,#d88a22)!important;color:#28152a;box-shadow:0 7px 20px rgba(245,158,11,.18);text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s}.tb-account-checkin-card .tb-account-checkin-button:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(245,158,11,.3)}.tb-account-checkin-button>span{font-size:.78rem;font-weight:900}.tb-account-checkin-button>b{font-size:.7rem}.tb-account-checkin-button>b span{margin-left:3px;font-size:.95rem}@media(max-width:560px){.tb-account-checkin-card{padding:16px!important}.tb-account-checkin-title h2{font-size:1.08rem}.tb-account-checkin-reward small{font-size:.66rem}}
.tb-account-side-footer{display:none!important}.tb-account-lower-side{grid-template-columns:repeat(3,minmax(0,1fr))}.tb-account-password-logout{width:calc(100% - 34px);margin:12px 17px 17px}.tb-account-password-card.is-open .tb-account-password-logout{margin-top:16px}
@media(max-width:1020px){.tb-account-lower-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tb-account-lower-side{grid-template-columns:1fr}}

/* Mobile account layout: keep identity content readable instead of squeezing
   the name and email into a narrow flex column beside the role badge. */
@media(max-width:767px){
  .aituvi-wrap:has(.tb-account-page){
    width:100%;
    max-width:none;
    box-sizing:border-box;
    padding:18px 12px 40px;
  }
  .aituvi-wrap:has(.tb-account-page) .aituvi-intro{
    margin:0 0 18px;
    padding:0!important;
  }
  .aituvi-wrap:has(.tb-account-page) .aituvi-intro h1{
    max-width:100%;
    font-size:clamp(2rem,9.5vw,2.5rem);
    line-height:1.06;
    letter-spacing:-.035em;
    overflow-wrap:normal;
    word-break:normal;
  }
  .aituvi-wrap:has(.tb-account-page) .aituvi-intro .aituvi-lead{
    margin-top:11px;
    font-size:.95rem;
    line-height:1.5;
  }
  .aituvi-wrap:has(.tb-account-page) .tb-account-page,
  .aituvi-wrap:has(.tb-account-page) .tb-account-page *{box-sizing:border-box}
  .tb-account-page{gap:12px}
  .tb-account-hero{
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    grid-template-areas:"avatar identity" "role role";
    align-items:center;
    gap:13px 14px;
    padding:17px!important;
  }
  .tb-account-avatar{grid-area:avatar;width:64px;height:64px;border-radius:18px;font-size:1.55rem}
  .tb-account-identity{grid-area:identity;min-width:0}
  .tb-account-identity .tb-eyebrow{margin-bottom:5px;font-size:.62rem;line-height:1.3;letter-spacing:.11em;white-space:normal;overflow-wrap:normal;word-break:normal}
  .tb-account-identity h2{font-size:1.38rem;line-height:1.15;overflow-wrap:normal;word-break:normal}
  .tb-account-identity>p:last-child{font-size:.82rem;line-height:1.4;overflow-wrap:anywhere;word-break:normal}
  .tb-account-role{grid-area:role;justify-self:end;margin:0;padding:7px 11px;font-size:.75rem}
  .tb-account-stats-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tb-account-stat{min-width:0;min-height:138px;padding:15px!important;gap:6px}
  .tb-account-stat>span{font-size:.77rem;line-height:1.32}
  .tb-account-stat strong{font-size:1.55rem;line-height:1.05}
  .tb-account-stat small{font-size:.7rem;line-height:1.4}
  .tb-account-gold-button,.tb-account-vip-button{max-width:100%;padding:8px 9px;font-size:.7rem;white-space:nowrap}
  .tb-account-lower-side{grid-template-columns:1fr;gap:10px}
  .tb-account-lower-side>.tb-card{height:auto}
  .tb-account-checkin-card{padding:16px!important}
  .tb-account-checkin-title h2{font-size:1.08rem}
  .tb-account-checkin-reward small{font-size:.68rem}
  .tb-account-password-toggle{min-height:76px!important;padding:15px!important}
  .tb-account-side-footer .tb-account-meta{font-size:.72rem}
}

@media(max-width:420px){
  .aituvi-wrap:has(.tb-account-page){padding-right:10px;padding-left:10px}
  .tb-account-hero{grid-template-columns:58px minmax(0,1fr);gap:11px 12px;padding:15px!important}
  .tb-account-avatar{width:58px;height:58px;border-radius:16px;font-size:1.4rem}
  .tb-account-identity h2{font-size:1.25rem}
  .tb-account-identity .tb-eyebrow{font-size:.58rem;letter-spacing:.09em}
  .tb-account-role{font-size:.7rem;padding:6px 9px}
  .tb-account-stat{min-height:132px;padding:13px!important}
  .tb-account-stat>span{font-size:.72rem}
  .tb-account-stat strong{font-size:1.4rem}
  .tb-account-stat small{font-size:.67rem}
}

.tb-vip-modal{width:min(760px,100%);background:radial-gradient(circle at 88% 8%,rgba(245,158,11,.16),transparent 28%),linear-gradient(145deg,#1c1534,#0d0c1d)}.tb-vip-benefits{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.tb-vip-benefits span{border:1px solid rgba(251,191,36,.25);border-radius:999px;padding:7px 9px;background:rgba(245,158,11,.07);color:#fde7a6;font-size:.72rem}.tb-vip-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tb-vip-plan{position:relative;display:grid;gap:7px;align-content:start;border:1px solid rgba(251,191,36,.3);border-radius:16px;padding:18px;background:rgba(10,9,27,.55)}.tb-vip-plan.is-recommended{border-color:rgba(251,191,36,.72);background:linear-gradient(145deg,rgba(245,158,11,.14),rgba(24,16,49,.72))}.tb-vip-plan p{margin:0;color:#fcd34d;font-weight:800}.tb-vip-plan strong{color:#fff1bf;font:700 1.35rem/1.1 "Noto Serif Display",Georgia,serif}.tb-vip-plan small{color:#aeb8d1}.tb-vip-plan ul{display:grid;gap:5px;margin:4px 0 8px;padding-left:18px;color:#c7cde0;font-size:.76rem;line-height:1.4}.tb-vip-plan .aituvi-button{justify-self:start;margin-top:auto}.tb-vip-recommended{position:absolute;top:-10px;right:12px;border:1px solid rgba(251,191,36,.52);border-radius:999px;padding:4px 8px;background:#241b35;color:#fcd34d;font-size:.66rem;letter-spacing:.03em}@media(max-width:620px){.tb-vip-plans{grid-template-columns:1fr}.tb-vip-plan .aituvi-button{width:100%}}

.tb-account-name-editor{padding:16px!important;border-color:rgba(245,158,11,.22);background:linear-gradient(145deg,rgba(32,23,53,.96),rgba(13,12,28,.98))}
.tb-account-name-form{display:grid;gap:11px}
.tb-account-name-form label{display:grid;gap:7px;color:var(--tb-cream);font-size:.84rem;font-weight:700}
.tb-account-name-form input{box-sizing:border-box;width:100%;min-height:46px;border:1px solid rgba(230,199,120,.25);border-radius:10px;padding:11px 13px;background:rgba(3,3,12,.62);color:var(--tb-text);font:inherit;outline:none}
.tb-account-name-form input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.12)}
.tb-account-name-actions{display:flex;flex-wrap:wrap;gap:8px}
.tb-account-name-actions .aituvi-button,.tb-account-name-reset{min-height:40px}
.tb-account-name-reset{border:1px solid rgba(129,140,248,.28);border-radius:9px;padding:9px 13px;background:rgba(20,18,43,.72);color:var(--tb-text);font:inherit;cursor:pointer}
.tb-account-name-reset:hover{border-color:rgba(251,191,36,.55);color:#fcd34d}
@media(max-width:560px){.tb-account-name-actions{display:grid;grid-template-columns:1fr 1fr}.tb-account-name-actions button{width:100%;font-size:.78rem}}
.tb-account-checkin-reward{display:none!important}
.tb-sepay-payment{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1.1fr);gap:15px;margin-top:14px;padding:13px;border:1px solid rgba(245,158,11,.35);border-radius:14px;background:linear-gradient(145deg,rgba(245,158,11,.09),rgba(10,9,27,.68))}.tb-sepay-qr{display:grid;place-items:center;gap:7px;align-content:center;padding:10px;border-radius:11px;background:#fff;text-align:center}.tb-sepay-qr img{display:block;width:min(100%,220px);height:auto;aspect-ratio:1;border-radius:7px}.tb-sepay-qr small{color:#475569;font-size:.68rem}.tb-sepay-details{display:grid;align-content:center;gap:7px;min-width:0}.tb-sepay-details>b{color:#fde68a;font-size:.86rem}.tb-sepay-details>span{color:#f8fafc;font-weight:800;font-size:.82rem}.tb-sepay-details label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--tb-muted);font-size:.68rem}.tb-sepay-details label strong{display:inline-flex;align-items:center;gap:5px;color:#fff0bd;font-size:.72rem;text-align:right}.tb-copy-payment{border:1px solid rgba(245,158,11,.38);border-radius:999px;padding:3px 7px;background:rgba(245,158,11,.1);color:#fcd34d;font:700 .6rem/1 inherit;cursor:pointer}.tb-copy-payment:hover{background:rgba(245,158,11,.22)}.tb-sepay-details>small{margin-top:4px;color:#b9c3d6;font-size:.68rem;line-height:1.45}@media(max-width:620px){.tb-sepay-payment{grid-template-columns:1fr}.tb-sepay-qr img{width:min(68vw,220px)}.tb-sepay-details label{align-items:flex-start}.tb-sepay-details label strong{max-width:65%;flex-wrap:wrap;justify-content:flex-end}}
.tb-topup-vip-choice{display:grid;gap:6px;margin:17px 0 12px;border:1px solid rgba(245,158,11,.4);border-radius:13px;padding:14px;background:linear-gradient(135deg,rgba(245,158,11,.13),rgba(139,92,246,.1))}.tb-topup-vip-choice b{color:#fff0bd;font-size:1rem}.tb-topup-vip-choice span{color:#f8fafc;font-size:.82rem}.tb-topup-vip-choice small{color:#fcd34d;font-size:.7rem}
.tb-account-transactions{padding:18px!important;overflow:hidden}.tb-account-transactions-lead{margin:5px 0 0;color:var(--tb-muted);font-size:.76rem;line-height:1.45}.tb-account-history-refresh{flex:none;border:1px solid rgba(251,191,36,.3);border-radius:999px;padding:7px 11px;background:rgba(245,158,11,.08);color:#fcd34d;font:700 .7rem/1.1 inherit;cursor:pointer}.tb-account-history-refresh:hover{border-color:rgba(251,191,36,.62);background:rgba(245,158,11,.15)}.tb-account-history-refresh:disabled{cursor:wait;opacity:.65}.tb-account-transactions-list{display:grid;gap:8px}.tb-account-transaction-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(129,140,248,.17);border-radius:11px;background:linear-gradient(100deg,rgba(20,18,43,.72),rgba(12,11,28,.58));transition:border-color .2s,background .2s}.tb-account-transaction-item:hover{border-color:rgba(251,191,36,.38);background:linear-gradient(100deg,rgba(245,158,11,.08),rgba(20,18,43,.7))}.tb-account-transaction-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(129,140,248,.13);color:#c4b5fd;font-size:1rem;font-weight:900}.tb-account-transaction-item.is-credit .tb-account-transaction-icon{background:rgba(74,222,128,.12);color:#86efac}.tb-account-transaction-item.is-debit .tb-account-transaction-icon{background:rgba(248,113,113,.12);color:#fda4af}.tb-account-transaction-copy{min-width:0}.tb-account-transaction-copy strong{display:block;color:#f2e7c7;font-size:.82rem;line-height:1.25}.tb-account-transaction-copy p{margin:4px 0 0;color:var(--tb-muted);font-size:.71rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-account-transaction-value{display:grid;justify-items:end;gap:2px;text-align:right;white-space:nowrap}.tb-account-transaction-amount{font-size:.82rem;line-height:1.2}.tb-account-transaction-amount.is-credit{color:#86efac}.tb-account-transaction-amount.is-debit{color:#fda4af}.tb-account-transaction-amount.is-neutral{color:#fde68a}.tb-account-transaction-value small{color:#aeb8d1;font-size:.65rem;line-height:1.2}.tb-account-transaction-status{color:#94a3b8!important}.tb-account-transaction-value time{color:#7f8ba6;font-size:.65rem;line-height:1.2}.tb-account-transactions-state{display:grid;justify-items:center;gap:8px;padding:25px 14px;border:1px dashed rgba(129,140,248,.2);border-radius:11px;background:rgba(10,10,27,.28);color:var(--tb-muted);text-align:center}.tb-account-transactions-state p{margin:0;font-size:.78rem}.tb-account-transactions-state.is-error{color:#fecaca}.tb-account-transactions-state .tb-account-history-revisit{justify-self:center}.tb-account-transactions-refreshing{margin:9px 0 0;color:#94a3b8;font-size:.7rem;text-align:right}@media(max-width:560px){.tb-account-transactions{padding:16px!important}.tb-account-transactions .tb-account-section-head{align-items:stretch;flex-direction:column}.tb-account-history-refresh{align-self:flex-start}.tb-account-transaction-item{grid-template-columns:30px minmax(0,1fr);align-items:start;padding:10px}.tb-account-transaction-icon{width:28px;height:28px}.tb-account-transaction-value{grid-column:2;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:5px 9px;margin-top:4px;text-align:left}.tb-account-transaction-value time{width:100%}.tb-account-transaction-copy p{white-space:normal}}
.tb-account-transactions-toggle{display:block;width:100%;margin-top:10px;border:1px solid rgba(251,191,36,.28);border-radius:10px;padding:10px 12px;background:rgba(245,158,11,.07);color:#fcd34d;font:700 .74rem/1.2 inherit;cursor:pointer;transition:border-color .2s,background .2s}.tb-account-transactions-toggle:hover{border-color:rgba(251,191,36,.62);background:rgba(245,158,11,.14)}
.aituvi-wrap:has(.tb-account-page){padding-top:16px}
.tb-account-page-heading{margin:0 0 2px;padding:0 2px}
.tb-account-page-heading h1{margin:0;color:var(--tb-cream);font:700 clamp(1.6rem,3vw,2rem)/1.2 "Noto Serif Display",Georgia,serif;letter-spacing:0}
@media(max-width:767px){.aituvi-wrap:has(.tb-account-page){padding-top:14px}.tb-account-page-heading h1{font-size:1.65rem}.tb-account-page .tb-account-hero{grid-template-areas:"avatar identity" "avatar role";align-items:center;gap:4px 14px}.tb-account-page .tb-account-role{justify-self:start;margin:4px 0 0}}
.tb-account-referral{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:15px;padding:20px!important;border-color:rgba(245,158,11,.3);background:linear-gradient(135deg,rgba(51,32,62,.85),rgba(17,16,39,.9))}.tb-account-referral-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(251,191,36,.42);border-radius:15px;background:rgba(245,158,11,.12);color:#fcd34d;font-size:1.35rem}.tb-account-referral-copy{min-width:0}.tb-account-referral h2{margin:1px 0 5px;color:var(--tb-cream);font:700 1.35rem/1.15 "Noto Serif Display",Georgia,serif}.tb-account-referral p{margin:0;color:var(--tb-muted);font-size:.8rem;line-height:1.5}.tb-account-referral p strong{color:#fde68a}.tb-account-referral code{color:#fcd34d;font-weight:800;letter-spacing:.08em}.tb-account-referral-muted{padding-top:5px}.tb-account-referral-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:13px}.tb-account-referral-form input{min-width:0;border:1px solid rgba(230,199,120,.25);border-radius:10px;padding:11px 13px;background:rgba(3,3,12,.62);color:var(--tb-text);font:700 .85rem/1.2 inherit;text-transform:uppercase;outline:none}.tb-account-referral-form input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.12)}.tb-account-referral-form button{white-space:nowrap}.tb-account-referral.is-redeemed{border-color:rgba(94,234,212,.28);background:linear-gradient(135deg,rgba(18,54,60,.42),rgba(17,16,39,.9))}@media(max-width:560px){.tb-account-referral{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:16px!important}.tb-account-referral-icon{width:38px;height:38px;border-radius:12px;font-size:1rem}.tb-account-referral-form{grid-template-columns:1fr}.tb-account-referral-form button{width:100%}}
.tb-account-referral-status{min-height:1.2em;margin-top:7px!important;color:#aeb8d1!important;font-size:.7rem!important;line-height:1.35!important}.tb-account-referral-status:not(:empty){color:#fcd34d!important}.tb-account-referral.is-loading{border-color:rgba(245,158,11,.25)}.tb-account-referral.is-loading .tb-account-referral-icon{animation:tb-account-referral-pulse 1.4s ease-in-out infinite}@keyframes tb-account-referral-pulse{50%{opacity:.55;transform:scale(.96)}}
@media(max-width:620px){
  .tb-account-modal-backdrop{padding:12px}
  .tb-wallet-modal{padding:18px!important;max-height:calc(100dvh - 24px)}
  .tb-wallet-modal .tb-topup-amounts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0}
  .tb-wallet-modal .tb-topup-amounts button{min-width:0;min-height:72px;align-content:center;gap:5px;padding:9px 4px;text-align:center}
  .tb-wallet-modal .tb-topup-amounts b{font-size:clamp(.69rem,3vw,.8rem);white-space:nowrap}
  .tb-wallet-modal .tb-topup-amounts small{font-size:clamp(.59rem,2.55vw,.72rem);line-height:1.2}
  .tb-wallet-modal .tb-topup-custom-label{margin-top:11px}
}