/* TUTULMANIA 6.2.68 - CONSOLIDATED VISUAL SYSTEM */
:root{--tm-gold:#ffd21a;--tm-gold2:#ffae00;--tm-bg:#070707;--tm-panel:#121212;--tm-panel2:#181818;--tm-line:rgba(255,210,26,.48);--tm-text:#f7f7f7;--tm-muted:#9d9d9d}
*{box-sizing:border-box}
html,body{background:#050505;color:var(--tm-text)}
body.app-page{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 50% 0,rgba(255,193,7,.08),transparent 30%),#050505!important}
body.app-page .wrapper{max-width:480px;background:linear-gradient(180deg,#080808,#050505)!important;min-height:100dvh}
body.app-page .wrapper:before{opacity:.08}

/* Shared authenticated shell */
.dashboard-page .tm-dashboard-header{height:74px;padding:0 22px;background:#111;border-bottom:1px solid rgba(255,210,26,.28);box-shadow:0 8px 24px rgba(0,0,0,.45)}
.tm-dashboard-logo img{display:block;width:190px;max-width:44vw;height:46px;object-fit:contain;object-position:left center}
.tm-menu-button{width:42px;height:42px;padding:4px}
.tm-menu-button span{width:29px;height:3px;background:#fff}
.tm-header-deposit{width:85px!important;min-width:85px!important;max-width:85px!important;height:30px!important;min-height:30px!important;max-height:30px!important;flex:0 0 85px!important;padding:0 8px;border-radius:9px;font-size:14px!important;box-sizing:border-box}
.tm-header-deposit svg{width:16px!important;height:16px!important;flex-basis:16px!important}

/* Sidebar: compact, shared proportions with the dashboard. */
.tm-side-menu{width:min(68vw,340px);background:linear-gradient(180deg,#151515,#0d0d0d);border-right:1px solid rgba(255,210,26,.22)}
.tm-side-head{height:66px;padding:12px 10px;gap:8px;background:#111;border-bottom:1px solid rgba(255,210,26,.2)}
.tm-live-chat{height:42px;min-height:42px;border:2px solid var(--tm-gold);border-radius:9px;font-size:15px;font-weight:800}
.tm-menu-close{width:42px;height:42px;border:2px solid var(--tm-gold);border-radius:0 9px 9px 0;font-size:31px}
.tm-language-switcher{margin:10px 12px;height:48px;min-height:48px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#111;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden}
.tm-language-btn{position:relative;width:100%;height:100%;min-width:0;margin:0;padding:0 3px;display:flex;align-items:center;justify-content:center;border:0;border-right:1px solid rgba(255,255,255,.14);border-radius:0;background:#111;color:#ddd;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:400;line-height:1;gap:0;-webkit-tap-highlight-color:transparent}
.tm-language-btn:last-child{border-right:0}
.tm-language-btn img{display:none!important}
.tm-language-btn.active{background:#111;color:#fff;box-shadow:none}
.tm-language-btn.active:after{content:"";position:absolute;left:50%;bottom:4px;width:7px;height:7px;transform:translateX(-50%);border-radius:50%;background:var(--tm-gold)}
.tm-side-nav{padding:0 0 18px}
.tm-side-item{min-height:58px;padding:0 14px 0 20px;gap:15px;font-size:16px;font-weight:700}
.tm-side-icon{width:28px;height:28px;flex-basis:28px}
.tm-side-item i{width:14px;height:14px}
.tm-side-item b{min-width:30px;height:30px;border-radius:8px;font-size:13px}

/* Provider lobby drawer keeps its two-item navigation, but shares dashboard geometry. */
.tm-provider-side-head{height:66px;min-height:66px;padding:12px 10px;gap:8px;background:#111;border-bottom:1px solid rgba(255,210,26,.2)}
.tm-provider-side-logo img{width:165px;height:42px}
.tm-provider-side-close{width:42px;height:42px;flex-basis:42px;border-radius:0 9px 9px 0;font-size:31px}
.tm-provider-side-nav .tm-side-item{min-height:58px;padding:0 14px 0 20px;gap:15px;font-size:16px}

/* Shared account card: dashboard is the visual source of truth. */
.tm-account-hero{position:relative;display:flex;align-items:center;gap:13px;margin:16px 14px 0;padding:16px;border:1px solid var(--tm-line);border-radius:16px;background:linear-gradient(145deg,#1a1a1a,#0d0d0d);box-shadow:0 10px 25px rgba(0,0,0,.35)}
.tm-account-avatar{width:56px;height:56px;flex:0 0 56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#363636,#171717);border:1px solid #555;color:#ddd;font-size:24px;font-weight:900}
.tm-account-copy{min-width:0;padding-right:40px;display:flex;flex-direction:column}.tm-account-copy strong{font-size:18px}.tm-account-copy span{font-size:10px;color:#888;margin-top:3px}.tm-account-copy b{font-size:17px;margin-top:4px}.tm-vip-badge{position:absolute;top:15px;right:15px;padding:3px 8px;border-radius:9px;background:var(--tm-gold);color:#111;font-size:9px;font-weight:900}
.tm-account-refresh{position:absolute;top:74%;right:17px;bottom:auto;transform:translateY(-50%);width:32px;height:32px;padding:4px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--tm-gold);cursor:pointer}
.tm-account-refresh svg{width:24px;height:24px;display:block}

/* Dashboard */
.tm-new-home{padding:16px 14px 30px;background:#070707}
.tm-home-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:0}
.tm-home-menu-card{position:relative;min-height:128px;overflow:hidden;border:1px solid rgba(255,210,26,.62);border-radius:15px;background:#151515;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:15px 8px;text-align:center;box-shadow:none}
.tm-home-menu-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}
.tm-home-menu-label{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:calc(100% - 20px);padding:7px 12px;border:1px solid rgba(255,210,26,.7);border-radius:10px;background:rgba(8,8,8,.86);box-shadow:none;text-align:center}
.tm-home-menu-label strong{font-size:16px;font-weight:900;letter-spacing:.2px}.tm-home-menu-label small{margin-top:4px;color:#ddd;font-size:8px;font-weight:700}

/* Provider lobby */
.tm-catalog-page{padding:16px 14px 30px;background:#070707;min-height:calc(100dvh - 74px)}
.tm-catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:14px;padding:14px;border:1px solid var(--tm-line);border-radius:16px;background:linear-gradient(145deg,#171717,#0c0c0c)}
.tm-catalog-head span{display:block;color:var(--tm-gold);font-size:10px;font-weight:900;letter-spacing:1px}.tm-catalog-head h1{margin:5px 0 0;font-size:23px}
.tm-catalog-search{width:150px;height:38px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid rgba(255,210,26,.42);border-radius:10px;background:#171717}.tm-catalog-search svg{width:17px;height:17px;color:#999}.tm-catalog-search input{width:100%;border:0!important;background:transparent!important;outline:0;color:#fff;font-size:12px;padding:0}.tm-catalog-search input::placeholder{color:#888}
.tm-provider-banner-grid{display:grid;grid-template-columns:1fr;gap:16px}.tm-provider-banner-card{position:relative;display:block;aspect-ratio:900 / 220;min-height:0;overflow:hidden;border:1px solid rgba(255,210,26,.65);border-radius:14px;background:#111;color:#fff;text-decoration:none;box-shadow:none}.tm-provider-banner-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.tm-provider-banner-card span,.tm-provider-banner-card b{display:none!important}

/* Dynamic GGR catalogue */
.tm-provider-games-page{padding:16px 14px 30px!important;background:#070707;min-height:calc(100dvh - 74px)}
.tm-provider-games-list-card{border:1px solid var(--tm-line);border-radius:15px;padding:16px;background:#101010;box-shadow:none}
.tm-provider-games-grid{width:100%!important;margin:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.tm-provider-game-card{min-width:0;text-align:center}.tm-provider-game-image-link{display:block;width:100%!important;height:auto!important;aspect-ratio:auto!important;overflow:hidden;border:1px solid rgba(255,210,26,.65)!important;border-radius:10px!important;background:#151515;box-shadow:none!important}.tm-provider-game-image-link img{display:block;width:100%!important;height:auto!important;object-fit:contain!important}.tm-provider-game-image-link .tm-provider-game-image-fallback{height:100%!important;object-fit:cover!important}.tm-provider-game-title{margin-top:6px;font-size:10px!important}.tm-provider-game-card[hidden]{display:none!important}
.tm-ggr-compact .tm-provider-games-list-card{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.tm-ggr-compact .tm-provider-games-grid{grid-template-columns:1fr!important;gap:16px!important}.tm-ggr-compact .tm-provider-game-title{display:none!important}.tm-ggr-compact .tm-provider-game-image-link{border-radius:14px!important}

/* Generic existing pages */
.app-page .page-content{background:#070707!important}.app-page .page-content>.card,.app-page .page-content>.wallet-card,.app-page .page-content>.bank-card,.app-page .page-content>section{font-family:Arial,Helvetica,sans-serif}.app-page button,.app-page .btn,.app-page input,.app-page select,.app-page textarea{font-family:inherit}.app-page input,.app-page select,.app-page textarea{border-radius:11px!important;background:#171717!important;color:#fff!important;border-color:#3b3b3b!important}.app-page button,.app-page .save-btn,.app-page .add-bank-btn{border-radius:11px}.app-page h1,.app-page h2,.app-page h3{color:#fff}

/* Login */
.auth-page{font-family:Arial,Helvetica,sans-serif!important;background:#050505!important}.auth-wrapper{overflow-y:auto!important;height:auto!important;min-height:100svh!important;padding:18px 12px 26px!important;align-items:flex-start!important}.auth-container{width:min(100%,460px)!important;max-height:none!important}.login-logo{margin:18px 0 18px}.auth-brand-logo{width:250px!important;height:72px!important;object-fit:contain!important}.promo-banner{border-radius:20px!important;margin-bottom:16px!important}.login-card{border-color:rgba(255,210,26,.62)!important;border-radius:22px!important;background:linear-gradient(180deg,#151515,#090909)!important}.login-status{font-size:18px!important;font-weight:800!important;text-align:center!important;margin-bottom:18px!important}.auth-page .field-box{height:58px!important;border-radius:14px!important}.auth-page .field-box input{font-size:17px!important}.auth-page .field-icon{width:55px!important;min-width:55px!important}.auth-page .field-icon svg{width:24px!important;height:24px!important}.auth-page .login-btn,.auth-page .register-btn{height:52px!important;border-radius:13px!important}.auth-page .auth-language-switcher{margin:14px 14px 0!important;height:70px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;background:#111!important;overflow:hidden!important}.auth-page .auth-language-btn{position:relative!important;height:100%!important;border:0!important;border-right:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;background:#111!important;color:#ddd!important;font-size:12px!important;font-weight:700!important}.auth-page .auth-language-btn:last-child{border-right:0!important}.auth-page .auth-language-btn img{display:none!important}.auth-page .auth-language-btn.active{background:#111!important;color:#fff!important;box-shadow:none!important}.auth-page .auth-language-btn.active:after{content:"";position:absolute;left:15%;right:15%;bottom:4px;height:6px;border-radius:6px;background:var(--tm-gold)}.auth-copyright{margin-top:20px!important;color:#777!important;font-size:13px!important}

/* Register */
.register-page .auth-wrapper{padding:12px!important}.tm-register-modern{width:min(100%,470px)!important}.tm-auth-top{display:flex;align-items:center;gap:12px;margin:8px 2px 12px}.tm-auth-top h1{margin:0;font-size:18px;letter-spacing:.3px}.tm-back-link{color:#fff;text-decoration:none;font-size:34px;line-height:1}.tm-register-card{padding:16px;border:1px solid var(--tm-line);border-radius:18px;background:linear-gradient(180deg,#151515,#090909);box-shadow:0 12px 30px rgba(0,0,0,.4)}.tm-form-alert{padding:10px 12px;border-radius:10px;margin-bottom:12px;font-size:12px}.tm-form-alert.error{background:rgba(255,30,30,.12);border:1px solid rgba(255,60,60,.45)}.tm-form-alert.success{background:rgba(70,220,120,.12);border:1px solid rgba(70,220,120,.4)}.tm-form-field{display:block;margin-bottom:10px}.tm-form-field>span{display:block;margin:0 0 5px;color:#bdbdbd;font-size:11px;font-weight:700}.tm-form-field em{color:#ff3333;font-style:normal}.tm-form-field input,.tm-form-field select{width:100%;height:43px;border:1px solid #3a3a3a;border-radius:10px!important;background:#171717!important;color:#fff!important;padding:0 12px;font-size:13px}.tm-form-field select{appearance:auto}.tm-help-row{display:flex;flex-direction:column;gap:2px;margin:-3px 0 10px;color:#888;font-size:9px}.tm-captcha-modern{display:grid;grid-template-columns:1fr 110px 43px;gap:8px;align-items:end}.tm-captcha-modern .tm-form-field{margin:0}.tm-captcha-modern img{width:110px;height:43px;display:block;border:1px solid #ddd;border-radius:10px;background:#101010}.tm-captcha-modern button{height:43px;border:1px solid var(--tm-gold);border-radius:10px;background:#171717;color:var(--tm-gold);font-size:24px}.tm-terms{display:flex;align-items:flex-start;gap:7px;margin:12px 0;font-size:11px;color:#aaa}.tm-terms input{width:16px;height:16px;accent-color:var(--tm-gold);flex:0 0 16px}.tm-terms>span{display:none}.tm-terms a{color:var(--tm-gold)}.tm-primary-btn{width:100%;height:48px;border:0;border-radius:11px;background:linear-gradient(180deg,var(--tm-gold),var(--tm-gold2));color:#111;font-weight:900;font-size:14px}.tm-auth-note{text-align:center;margin-top:13px;color:#888;font-size:11px}.tm-auth-note a{color:var(--tm-gold);font-weight:800;text-decoration:none}

/* Remove global authenticated copyright; login owns its copyright. */
.tm-global-copyright{display:none!important}

@media(max-width:380px){
 .tm-dashboard-header{padding-left:12px;padding-right:12px}.tm-dashboard-logo img{width:140px;max-width:42vw}.tm-home-menu-card{min-height:116px}.tm-catalog-search{width:132px}
}
/* Provider game hero + compact catalogue */
.tm-game-provider-hero{position:relative;height:145px;overflow:hidden;border:1px solid var(--tm-line);border-radius:16px;background:#111}.tm-game-provider-hero>img{display:block;width:100%;height:100%;object-fit:cover}.tm-game-provider-back{position:absolute;z-index:2;top:10px;left:12px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(0,0,0,.5);color:#fff;text-decoration:none;font-size:29px}.tm-game-toolbar{margin:12px 0;padding:10px;border:1px solid var(--tm-line);border-radius:15px;background:#111}.tm-game-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:9px;border:1px solid #303030;border-radius:9px;overflow:hidden}.tm-game-tabs button{height:36px;border:0;background:#151515;color:#aaa;font-size:11px;font-weight:900}.tm-game-tabs button.active{background:linear-gradient(180deg,var(--tm-gold),var(--tm-gold2));color:#111}.tm-game-search-modern{height:38px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #343434;border-radius:10px;background:#171717}.tm-game-search-modern svg{width:17px;height:17px;color:#888}.tm-game-search-modern input{width:100%;border:0!important;outline:0;background:transparent!important;color:#fff!important;font-size:12px}.tm-provider-game-card[hidden]{display:none!important}

/* =========================================================
   TUTULMANIA 6.2.73 - SHARED MEMBER HEADER
   Every authenticated member page uses the exact same header geometry.
========================================================= */
.dashboard-page .tm-dashboard-header{
    position:fixed!important;
    top:0!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:100%!important;
    max-width:480px!important;
    height:74px!important;
    padding:0 22px!important;
    z-index:1100!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    box-sizing:border-box!important;
}
.dashboard-page .tm-header-left{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}
.dashboard-page .tm-menu-button{width:42px!important;height:42px!important;flex:0 0 42px!important}
.dashboard-page .tm-dashboard-logo{display:flex!important;align-items:center!important;min-width:0!important}
.dashboard-page .tm-brand-logo{display:block!important;width:min(190px,44vw)!important;height:46px!important;object-fit:contain!important;object-position:left center!important}
.dashboard-page .tm-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:0 0 85px!important;width:85px!important;margin-left:auto!important;margin-right:0!important}
.dashboard-page .tm-header-deposit{width:85px!important;min-width:85px!important;max-width:85px!important;height:30px!important;min-height:30px!important;max-height:30px!important;flex:0 0 85px!important}
@media(max-width:600px){
    .dashboard-page .tm-dashboard-header{padding:0 22px!important}
}
@media(max-width:380px){
    .dashboard-page .tm-dashboard-header{padding:0 12px!important}
    .dashboard-page .tm-header-left{gap:9px!important}
    .dashboard-page .tm-brand-logo{width:min(140px,42vw)!important;height:40px!important}
}

/* Dashboard now contains only SLOT, SPORTBOOK, MN and LIVE. */
.tm-new-home .tm-home-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

/* =========================================================
   TUTULMANIA DASHBOARD 6.2.74 — REFERENCE MATCH
   Dashboard and member footer use the Terms visual baseline.
========================================================= */
.dashboard-page .page-content{padding-top:74px!important;background:#050505!important}
.dashboard-page .tm-dashboard-header{height:74px!important;background:#0b0c0c!important;border-bottom:1px solid rgba(255,210,26,.32)!important;box-shadow:0 6px 18px rgba(0,0,0,.45)!important;padding:0 18px!important}
.dashboard-page .tm-header-left{gap:18px!important}
.dashboard-page .tm-menu-button{width:48px!important;height:48px!important;padding:5px!important}
.dashboard-page .tm-menu-button span{width:38px!important;height:4px!important;border-radius:4px!important}
.dashboard-page .tm-brand-logo{width:min(245px,56vw)!important;height:50px!important;object-position:center!important}
.dashboard-page .tm-header-actions{width:48px!important;flex:0 0 48px!important}
.dashboard-page .tm-header-notify{position:relative;width:46px;height:46px;padding:3px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.dashboard-page .tm-header-notify svg{width:38px;height:38px}
.dashboard-page .tm-header-notify i{position:absolute;top:2px;right:1px;width:11px;height:11px;border-radius:50%;background:#f52222;border:1px solid #090909}
.dashboard-page .tm-header-deposit{display:none!important}

.tm-dashboard-home{width:100%;max-width:480px;margin:0 auto;padding:18px 14px 0;background:#050505;min-height:calc(100dvh - 74px)}
.tm-dashboard-account{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:142px;padding:18px 12px 10px 14px;border:1.5px solid #ffd21a;border-radius:17px;background:linear-gradient(145deg,#151616,#080909);box-shadow:0 7px 18px rgba(0,0,0,.38)}
.tm-dashboard-account-main{min-width:0;display:flex;align-items:center;gap:12px;align-self:stretch;padding-top:0}
.tm-dashboard-avatar{width:58px;height:58px;flex:0 0 58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#303030,#111);border:1px solid #575757;color:#eee;font-size:31px;font-weight:900}
.tm-dashboard-account-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.tm-dashboard-account-copy strong{color:#fff;font-size:18px;line-height:1.05;font-weight:800}
.tm-dashboard-account-copy span{margin-top:5px;color:#a8a8a8;font-size:12px;line-height:1}
.tm-dashboard-account-copy b{display:flex;align-items:center;margin-top:6px;color:#ffd21a;font-size:19px;line-height:1;font-weight:900;white-space:nowrap}
.tm-balance-eye{width:22px;height:22px;margin-left:5px;padding:0;border:0;background:transparent;color:#ffd21a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.tm-balance-eye svg{width:20px;height:20px}
.tm-dashboard-vip{position:absolute;left:14px;bottom:10px;display:flex;align-items:center;gap:4px;height:25px;padding:0 9px;border:2px solid #ffd21a;border-radius:13px;color:#ffd21a;font-size:11px;font-weight:900;background:#101010}
.tm-dashboard-vip svg{width:13px;height:13px}
.tm-dashboard-account-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:250px;max-width:53%;align-self:center}
.tm-account-action{min-width:0;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.tm-action-icon{width:43px;height:43px;border:1px solid #343434;border-radius:9px;background:linear-gradient(145deg,#242424,#101010);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.tm-account-action:first-child .tm-action-icon{color:#ffd21a}
.tm-action-icon svg{width:25px;height:25px}
.tm-account-action small{font-size:10px;font-weight:700;line-height:1;text-align:center;white-space:nowrap}

.tm-dashboard-hero{margin-top:13px}
.tm-dashboard-hero>a{display:block;border:1.5px solid #ffd21a;border-radius:14px;overflow:hidden;background:#111;line-height:0;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.tm-dashboard-hero img{display:block;width:100%;height:auto;aspect-ratio:665/198;object-fit:cover}
.tm-hero-dots{height:25px;display:flex;align-items:center;justify-content:center;gap:8px}
.tm-hero-dots i{width:10px;height:10px;border-radius:50%;background:#555;display:block}
.tm-hero-dots i.active{background:#ffd21a}

.tm-dashboard-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
.tm-dashboard-feature{display:block;overflow:hidden;border:1.5px solid #ffd21a;border-radius:14px;background:#111;line-height:0;box-shadow:0 3px 10px rgba(0,0,0,.28)}
.tm-dashboard-feature img{display:block;width:100%;height:auto;aspect-ratio:323/203;object-fit:cover}
.tm-dashboard-feature:nth-child(n+3) img{aspect-ratio:323/173}

.tm-dashboard-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.tm-dashboard-quick{min-width:0;min-height:106px;padding:10px 3px 8px;border:1px solid rgba(255,210,26,.65);border-radius:10px;background:linear-gradient(145deg,#181818,#0c0c0c);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-decoration:none;text-align:center}
.tm-dashboard-quick span{height:38px;display:flex;align-items:center;justify-content:center;color:#ffd21a}
.tm-dashboard-quick span svg{width:35px;height:35px}
.tm-dashboard-quick b{margin-top:3px;font-size:12px;line-height:1.1}
.tm-dashboard-quick small{margin-top:5px;color:#aaa;font-size:9px;line-height:1.1;white-space:nowrap}

.tm-dashboard-payment{margin-top:15px;padding:11px 9px 10px;border:1.5px solid #ffd21a;border-radius:15px;background:linear-gradient(145deg,#121313,#080909)}
.tm-payment-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 3px 9px}
.tm-payment-head h2{display:flex;align-items:center;gap:8px;margin:0;color:#fff;font-size:13px;line-height:1;font-weight:900}
.tm-payment-head h2 i{display:block;width:5px;height:22px;border-radius:3px;background:#ffd21a}
.tm-payment-head>span{display:flex;align-items:center;gap:5px;color:#ddd;font-size:8px;line-height:1;font-weight:700;white-space:nowrap}
.tm-payment-head>span svg{width:18px;height:18px;color:#fff}
.tm-dashboard-payment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.tm-dashboard-payment-item{height:44px;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;overflow:hidden}
.tm-dashboard-payment-item>span{position:absolute;left:8px;width:9px;height:9px;border-radius:50%;background:#20d744}
.tm-dashboard-payment-item img{width:calc(100% - 17px);height:90%;object-fit:contain;margin-left:8px}

.tm-dashboard-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;padding-bottom:18px}
.tm-dashboard-benefits>div{min-width:0;min-height:72px;padding:8px 5px;border:1px solid rgba(255,210,26,.5);border-radius:10px;background:linear-gradient(145deg,#171717,#0b0b0b);display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:5px;align-items:center}
.tm-dashboard-benefits svg{width:28px;height:28px;grid-row:1/3;color:#ffd21a;justify-self:center}
.tm-dashboard-benefits b{color:#ffd21a;font-size:9px;line-height:1.05;white-space:nowrap}
.tm-dashboard-benefits small{margin-top:3px;color:#aaa;font-size:7px;line-height:1.05;white-space:nowrap}

/* Shared Terms-derived footer baseline for every authenticated member page. */
.dashboard-page .tm-global-footer{width:100%;max-width:480px;margin:0 auto;padding:25px 24px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,210,26,.24);background:linear-gradient(180deg,#090a0a,#060606);box-sizing:border-box}
.tm-footer-logo{display:flex;align-items:center;justify-content:flex-start;width:205px;max-width:42%;height:50px;text-decoration:none}
.tm-footer-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.tm-footer-socials{display:flex;align-items:center;gap:9px}
.tm-footer-socials a{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 35% 30%,#292929,#151515 72%);border:1px solid rgba(255,255,255,.04);text-decoration:none;box-shadow:inset 0 1px 1px rgba(255,255,255,.04),0 2px 5px rgba(0,0,0,.4)}
.tm-footer-socials svg{width:21px;height:21px}

/* Terms page uses the same member header/footer baseline, including public mode. */
.terms-page.dashboard-page .page-content{padding-top:0!important;min-height:0!important;display:block!important}
.terms-page .tm-global-footer{max-width:480px}

@media(max-width:600px){
    .dashboard-page .tm-dashboard-header{padding:0 13px!important}
    .dashboard-page .tm-header-left{gap:14px!important}
    .dashboard-page .tm-brand-logo{width:min(230px,55vw)!important;height:48px!important}
    .tm-dashboard-home{padding-left:10px;padding-right:10px}
    .dashboard-page .tm-global-footer{padding-left:18px;padding-right:18px}
}
@media(max-width:430px){
    .tm-dashboard-home{padding:13px 9px 0}
    .tm-dashboard-account{min-height:139px;padding:16px 9px 9px 11px}
    .tm-dashboard-avatar{width:54px;height:54px;flex-basis:54px;font-size:29px}
    .tm-dashboard-account-main{gap:9px}
    .tm-dashboard-account-copy strong{font-size:17px}
    .tm-dashboard-account-copy span{font-size:11px}
    .tm-dashboard-account-copy b{font-size:18px}
    .tm-dashboard-account-actions{width:230px;max-width:52%;gap:5px}
    .tm-action-icon{width:40px;height:40px}
    .tm-account-action small{font-size:9px}
    .tm-dashboard-feature-grid{gap:12px 9px}
    .tm-dashboard-quick-grid{gap:6px}
    .tm-dashboard-quick{min-height:100px}
    .tm-dashboard-quick b{font-size:11px}
    .tm-dashboard-quick small{font-size:8px}
    .tm-dashboard-payment{padding-left:7px;padding-right:7px}
    .tm-dashboard-payment-grid{gap:6px}
    .tm-dashboard-payment-item{height:40px}
    .tm-dashboard-benefits{gap:6px}
    .tm-dashboard-benefits>div{min-height:68px;grid-template-columns:26px 1fr;column-gap:3px}
    .tm-dashboard-benefits svg{width:24px;height:24px}
    .tm-dashboard-benefits b{font-size:8px}
    .tm-dashboard-benefits small{font-size:6.5px}
    .dashboard-page .tm-global-footer{padding:21px 12px 26px;gap:8px}
    .tm-footer-logo{width:155px;height:42px;max-width:44%}
    .tm-footer-socials{gap:5px}
    .tm-footer-socials a{width:34px;height:34px;flex-basis:34px}
    .tm-footer-socials svg{width:18px;height:18px}
}

.tm-language-flag{width:23px;height:23px;flex:0 0 23px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:900;color:#111;background:#ffd21a}.tm-language-flag-en{background:#f4f4f4}.tm-language-flag-zh{background:#ffd21a;color:#a00}.tm-language-btn .tm-language-flag{margin-right:4px}

.tm-footer-social-placeholder{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 35% 30%,#292929,#151515 72%);border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 1px 1px rgba(255,255,255,.04),0 2px 5px rgba(0,0,0,.4);opacity:.88}.tm-footer-social-placeholder svg{width:21px;height:21px}@media(max-width:430px){.tm-footer-social-placeholder{width:34px;height:34px;flex-basis:34px}.tm-footer-social-placeholder svg{width:18px;height:18px}}