/* TrafficMember V125 — visual polish only
   Keeps the existing page structure and JS. Focus: compact nav, rounded cards,
   premium spacing, subtle atmosphere, and low-cost mobile effects. */
:root{
  --tm-bg:#06111d;
  --tm-bg2:#091a2a;
  --tm-card:#0b1c2c;
  --tm-card2:#0e2335;
  --tm-line:rgba(101,165,214,.22);
  --tm-text:#f2f7fc;
  --tm-muted:#91a7ba;
  --tm-blue:#64aaf2;
  --tm-blue2:#3f8fd7;
  --tm-purple:#8e6cf4;
  --tm-green:#20c99f;
  --tm-orange:#f4a521;
  --tm-red:#ef6878;
  --tm-radius:24px;
  --tm-shadow:0 18px 42px rgba(0,0,0,.18);
}
*{box-sizing:border-box}
html,body{min-height:100%;overflow-x:hidden}
body.tm-modern-member,body.tm-modern-buyer,body.tm-modern-intro,body:has(.admin-pro){
  background:
    radial-gradient(700px 420px at 85% -10%,rgba(76,143,218,.15),transparent 68%),
    radial-gradient(650px 420px at -10% 35%,rgba(112,79,207,.09),transparent 70%),
    linear-gradient(145deg,#040b13 0%,#071522 52%,#050e18 100%) !important;
  color:var(--tm-text)!important;
}
/* One atmospheric layer: static snow + very occasional meteor. This avoids dozens of
   animated particles on phones. */
body.tm-modern-member:before,body.tm-modern-buyer:before,body.tm-modern-intro:before,body:has(.admin-pro):before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.12;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.6px),
    radial-gradient(circle,rgba(112,190,255,.65) 0 1px,transparent 1.7px),
    radial-gradient(circle,rgba(255,255,255,.45) 0 .8px,transparent 1.5px);
  background-size:170px 190px,250px 280px,330px 350px;
}
body.tm-modern-member:after,body.tm-modern-buyer:after,body.tm-modern-intro:after,body:has(.admin-pro):after{
  content:"";position:fixed;z-index:0;pointer-events:none;top:-20%;left:58%;width:2px;height:145px;opacity:0;
  background:linear-gradient(transparent,#b8e5ff,transparent);transform:rotate(31deg);
  animation:tm125Meteor 18s ease-in-out infinite;
}
@keyframes tm125Meteor{
  0%,76%{opacity:0;transform:translate3d(-80px,-70px,0) rotate(31deg)}
  79%{opacity:.5}
  88%{opacity:.6;transform:translate3d(230px,360px,0) rotate(31deg)}
  92%,100%{opacity:0;transform:translate3d(350px,500px,0) rotate(31deg)}
}
@media(prefers-reduced-motion:reduce){body.tm-modern-member:after,body.tm-modern-buyer:after,body.tm-modern-intro:after,body:has(.admin-pro):after{animation:none;display:none}}

/* ========================= MEMBER ========================= */
.tm-modern-member .ct-content{position:relative;z-index:1;max-width:1220px!important;padding:0 22px 64px!important}
.tm-modern-member .st-topbar{
  position:sticky!important;top:0!important;z-index:50!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  width:calc(100% + 44px)!important;height:72px!important;margin:0 -22px 24px!important;
  padding:0 18px!important;border:0!important;border-bottom:1px solid rgba(108,173,219,.20)!important;
  border-radius:0 0 22px 22px!important;
  background:linear-gradient(100deg,#0b2134,#102e46 65%,#17284b)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
.tm-modern-member .st-top-left{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1 1 auto!important}
.tm-modern-member .st-menu-button{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:14px!important;border:1px solid rgba(132,188,226,.22)!important;background:rgba(255,255,255,.055)!important;color:#fff!important;font-size:26px!important}
.tm-modern-member .st-top-brand{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;text-decoration:none!important}
.tm-modern-member .st-top-brand img{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:13px!important;background:#fff!important;padding:3px!important}
.tm-modern-member .st-top-brand strong{font-size:16px!important;color:#fff!important;white-space:nowrap!important}
.tm-modern-member .st-top-title{display:block!important;min-width:0!important;margin-left:3px!important;color:#8fc6ff!important;font-size:17px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tm-modern-member .st-top-actions{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;margin-left:12px!important}
.tm-modern-member .st-top-theme,.tm-modern-member .st-top-avatar,.tm-modern-member .st-top-logout{
  width:40px!important;height:40px!important;flex:0 0 40px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:13px!important;border:1px solid rgba(132,188,226,.18)!important;background:rgba(255,255,255,.055)!important;color:#fff!important;box-shadow:none!important;
}
.tm-modern-member .st-top-avatar img{width:30px!important;height:30px!important;border-radius:50%!important;object-fit:cover!important}
.tm-modern-member .st-top-theme:hover,.tm-modern-member .st-top-avatar:hover,.tm-modern-member .st-top-logout:hover,.tm-modern-member .st-menu-button:hover{background:rgba(255,255,255,.11)!important;transform:none!important}

/* Compact sidebar; no Home entry is created here — existing routes stay unchanged. */
.tm-modern-member .compact-member-sidebar{
  width:228px!important;padding:14px 10px!important;background:linear-gradient(180deg,#071522,#081a28)!important;
  border-right:1px solid rgba(103,164,211,.16)!important;box-shadow:16px 0 40px rgba(0,0,0,.22)!important;
}
.tm-modern-member .compact-member-sidebar .st-side-user{margin:2px 2px 12px!important;padding:12px!important;border:1px solid rgba(104,164,210,.17)!important;border-radius:18px!important;background:linear-gradient(145deg,#0d2436,#091826)!important;box-shadow:none!important}
.tm-modern-member .compact-member-sidebar .st-side-brand{gap:8px!important;margin-bottom:10px!important}
.tm-modern-member .compact-member-sidebar .st-side-brand img{width:38px!important;height:38px!important;border-radius:11px!important;padding:3px!important}
.tm-modern-member .compact-member-sidebar .st-side-brand strong{font-size:14px!important}
.tm-modern-member .compact-member-sidebar .st-side-name b{font-size:15px!important}
.tm-modern-member .compact-member-sidebar .st-side-name small{font-size:11px!important;color:#7e9ab0!important}
.tm-modern-member .compact-member-sidebar .st-side-label{margin:13px 10px 7px!important;font-size:9px!important;letter-spacing:.16em!important;color:#6d879b!important}
.tm-modern-member .compact-member-sidebar .ct-nav{gap:5px!important;padding:0 2px!important}
.tm-modern-member .compact-member-sidebar .ct-nav .ct-link,.tm-modern-member .compact-member-sidebar .st-side-bottom .ct-link{
  min-height:43px!important;padding:0 11px!important;margin:0!important;border-radius:13px!important;border:1px solid transparent!important;
  background:transparent!important;color:#a9bdcd!important;font-size:12.5px!important;font-weight:850!important;gap:9px!important;
}
.tm-modern-member .compact-member-sidebar .ct-nav .ct-link:hover{background:rgba(89,155,216,.08)!important;transform:none!important}
.tm-modern-member .compact-member-sidebar .ct-nav .ct-link.active{background:linear-gradient(100deg,rgba(62,142,210,.22),rgba(124,91,226,.16))!important;border-color:rgba(91,166,226,.22)!important;color:#eaf5ff!important;box-shadow:none!important}
.tm-modern-member .compact-member-sidebar .nav-icon{width:20px!important;height:20px!important;flex-basis:20px!important}
.tm-modern-member .compact-member-sidebar .st-side-bottom{padding:10px 2px 3px!important;border-top:1px solid rgba(91,151,196,.12)!important}
.tm-modern-member .compact-member-sidebar .ct-theme-menu,.tm-modern-member .compact-member-sidebar .ct-logout{min-height:42px!important;margin:5px 0!important;border-radius:13px!important;border-left-width:1px!important}

/* Rounded dashboard cards, with a quiet water sheen rather than heavy particle animation. */
.tm-modern-member .ct-content .card,.tm-modern-member .member-task-panel,.tm-modern-member .member-source-center,.tm-modern-member .member-warning,.tm-modern-member .member-chart-card,.tm-modern-member .member-notifications,.tm-modern-member .member-rules,.tm-modern-member .create-link-card,.tm-modern-member .local-link-history,.tm-modern-member .api-hero,.tm-modern-member .api-token-card,.tm-modern-member .api-doc-card,.tm-modern-member .api-guide-card,.tm-modern-member .withdraw-balance-card,.tm-modern-member .withdraw-title,.tm-modern-member .payout-history,.tm-modern-member .ledger-page,.tm-modern-member .referral-hero,.tm-modern-member .source-page-pro,.tm-modern-member .source-history,.tm-modern-member .short-result,.tm-modern-member .profile-card-pro,.tm-modern-member .member-source-current{
  position:relative!important;overflow:hidden!important;border:1px solid rgba(101,165,214,.20)!important;border-radius:24px!important;
  background:linear-gradient(145deg,rgba(12,31,47,.97),rgba(7,19,30,.98))!important;box-shadow:var(--tm-shadow)!important;
}
.tm-modern-member .ct-content .card:before,.tm-modern-member .member-task-panel:before,.tm-modern-member .member-source-center:before,.tm-modern-member .member-chart-card:before,.tm-modern-member .member-notifications:before,.tm-modern-member .member-rules:before,.tm-modern-member .create-link-card:before,.tm-modern-member .withdraw-balance-card:before,.tm-modern-member .payout-history:before,.tm-modern-member .profile-card-pro:before{
  content:"";position:absolute;left:-18%;right:-18%;bottom:-72%;height:105%;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at 50% 0,rgba(73,171,237,.11),transparent 62%);
  animation:tm125Water 14s ease-in-out infinite;
}
@keyframes tm125Water{0%,100%{transform:translateX(-3%);opacity:.55}50%{transform:translateX(4%);opacity:.9}}
.tm-modern-member .ct-content .card>* ,.tm-modern-member .member-task-panel>* ,.tm-modern-member .member-source-center>* ,.tm-modern-member .member-chart-card>* ,.tm-modern-member .member-notifications>* ,.tm-modern-member .member-rules>* ,.tm-modern-member .create-link-card>* ,.tm-modern-member .withdraw-balance-card>* ,.tm-modern-member .payout-history>* ,.tm-modern-member .profile-card-pro>*{position:relative;z-index:1}

.tm-modern-member .member-dashboard-stats.home-2x2{gap:12px!important;margin:16px 0 20px!important}
.tm-modern-member .home-2x2 .dash-stat{min-height:164px!important;padding:20px!important;border-radius:23px!important;border:1px solid rgba(100,164,212,.19)!important;background:linear-gradient(145deg,#0d2030,#091623)!important;box-shadow:0 13px 30px rgba(0,0,0,.15)!important}
.tm-modern-member .home-2x2 .dash-stat:hover{transform:translateY(-2px)!important;border-color:rgba(99,170,240,.32)!important}
.tm-modern-member .home-2x2 .dash-stat span{font-size:10px!important;letter-spacing:.14em!important;color:#9bb0c0!important}
.tm-modern-member .home-2x2 .dash-stat b{font-size:30px!important}
.tm-modern-member .member-quick-create{border-radius:23px!important;border:1px solid rgba(99,170,240,.22)!important;background:linear-gradient(135deg,#12334d,#1e214b)!important;box-shadow:var(--tm-shadow)!important;overflow:hidden!important}
.tm-modern-member .quick-create-btn{border-radius:16px!important}
.tm-modern-member .tm-progress-item,.tm-modern-member .tm-traffic-progress{border-radius:18px!important;border:1px solid rgba(95,154,201,.18)!important;background:rgba(11,29,44,.74)!important}

/* Member forms and source approval page */
.tm-modern-member .compact-form input,.tm-modern-member .compact-form select,.tm-modern-member .compact-form textarea,.tm-modern-member .form-grid input,.tm-modern-member .form-grid select,.tm-modern-member .form-grid textarea{
  border-radius:14px!important;border:1px solid rgba(92,153,201,.24)!important;background:#07131f!important;color:#edf7ff!important;
}
.tm-modern-member .compact-form input:focus,.tm-modern-member .compact-form select:focus,.tm-modern-member .compact-form textarea:focus{border-color:#63aaf0!important;box-shadow:0 0 0 3px rgba(99,170,240,.10)!important}
.tm-modern-member .btn{border-radius:14px!important;background:linear-gradient(135deg,#55a4eb,#765de2)!important;border:1px solid rgba(155,211,255,.22)!important}

/* ========================= BUYER ========================= */
.tm-modern-buyer .buyer-top{position:sticky!important;top:0!important;z-index:40!important;height:70px!important;border:0!important;border-bottom:1px solid rgba(101,165,214,.18)!important;border-radius:0 0 20px 20px!important;background:linear-gradient(100deg,#0b2134,#102d46 65%,#17264a)!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important}
.tm-modern-buyer .buyer-shell{position:relative;z-index:1}
.tm-modern-buyer .buyer-side{margin:16px 0 16px 16px!important;padding:14px 10px!important;border:1px solid rgba(101,165,214,.18)!important;border-radius:22px!important;background:linear-gradient(180deg,#071522,#091a28)!important;box-shadow:var(--tm-shadow)!important}
.tm-modern-buyer .side-btn{min-height:44px!important;border-radius:13px!important;padding:10px 12px!important;color:#a9bdcd!important}
.tm-modern-buyer .side-btn.active,.tm-modern-buyer .side-btn:hover{background:linear-gradient(100deg,rgba(62,142,210,.22),rgba(124,91,226,.16))!important;border-color:rgba(91,166,226,.22)!important;color:#fff!important}
.tm-modern-buyer .buyer-main{max-width:1280px!important;padding:26px 26px 58px!important}
.tm-modern-buyer .stat,.tm-modern-buyer .panel,.tm-modern-buyer .order,.tm-modern-buyer .service,.tm-modern-buyer .payment-box{
  border-radius:24px!important;border:1px solid rgba(101,165,214,.19)!important;background:linear-gradient(145deg,#0d2030,#091623)!important;box-shadow:var(--tm-shadow)!important;
}
.tm-modern-buyer .stat,.tm-modern-buyer .service,.tm-modern-buyer .order,.tm-modern-buyer .payment-box{position:relative;overflow:hidden}
.tm-modern-buyer .stat:before,.tm-modern-buyer .service:before,.tm-modern-buyer .order:before,.tm-modern-buyer .payment-box:before,.tm-modern-buyer .panel:before{
  content:"";position:absolute;left:-20%;right:-20%;bottom:-75%;height:110%;pointer-events:none;background:radial-gradient(ellipse at 50% 0,rgba(67,173,238,.10),transparent 63%);animation:tm125Water 15s ease-in-out infinite;z-index:0
}
.tm-modern-buyer .stat>* ,.tm-modern-buyer .service>* ,.tm-modern-buyer .order>* ,.tm-modern-buyer .payment-box>* ,.tm-modern-buyer .panel>*{position:relative;z-index:1}
.tm-modern-buyer .btn{border-radius:14px!important}
.tm-modern-buyer .field input,.tm-modern-buyer .field select,.tm-modern-buyer .field textarea{border-radius:14px!important}

/* ========================= INTRO PAGES ========================= */
.tm-modern-intro{background-color:#06111d!important}
.tm-modern-intro .site-header{position:sticky!important;top:10px!important;z-index:30!important;width:min(1160px,calc(100% - 28px))!important;margin:12px auto 0!important;padding:10px 12px!important;border:1px solid rgba(101,165,214,.20)!important;border-radius:20px!important;background:rgba(8,22,35,.90)!important;box-shadow:0 15px 38px rgba(0,0,0,.20)!important;backdrop-filter:blur(10px)!important}
.tm-modern-intro .site-header .brand img{border-radius:12px!important}
.tm-modern-intro .site-header nav a{border-radius:11px!important}
.tm-modern-intro .hero{padding-top:70px!important}
.tm-modern-intro .dashboard-preview,.tm-modern-intro .trust-section,.tm-modern-intro .rate-section,.tm-modern-intro .contact,.tm-modern-intro .service-grid article,.tm-modern-intro .pricing-grid article,.tm-modern-intro .stats article{
  position:relative;overflow:hidden;border-radius:24px!important;border:1px solid rgba(101,165,214,.19)!important;background:linear-gradient(145deg,rgba(13,31,47,.96),rgba(7,19,30,.98))!important;box-shadow:var(--tm-shadow)!important;
}
.tm-modern-intro .dashboard-preview:after,.tm-modern-intro .trust-section:after,.tm-modern-intro .rate-section:after,.tm-modern-intro .contact:after,.tm-modern-intro .service-grid article:after,.tm-modern-intro .pricing-grid article:after{
  content:"";position:absolute;left:-20%;right:-20%;bottom:-80%;height:120%;pointer-events:none;background:radial-gradient(ellipse at 50% 0,rgba(76,174,239,.10),transparent 63%);animation:tm125Water 16s ease-in-out infinite;
}
.tm-modern-intro .dashboard-preview>*,.tm-modern-intro .trust-section>*,.tm-modern-intro .rate-section>*,.tm-modern-intro .contact>*,.tm-modern-intro .service-grid article>*,.tm-modern-intro .pricing-grid article>*{position:relative;z-index:1}
.tm-modern-intro .hero h1 span{color:#63aaf0!important}
.tm-modern-intro .cta{border-radius:14px!important}
.tm-modern-intro .login,.tm-modern-intro .ghost{border-radius:14px!important}

/* ========================= ADMIN ========================= */
.admin-pro{position:relative;z-index:1}
.admin-pro .admin-topbar{border-radius:0 0 20px 20px!important;background:linear-gradient(100deg,#0b2134,#122d47)!important;border-color:rgba(101,165,214,.18)!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important}
.admin-pro .admin-sidebar{border-radius:0 22px 22px 0!important;background:linear-gradient(180deg,#071522,#091a28)!important;border-color:rgba(101,165,214,.16)!important}
.admin-pro .admin-card,.admin-pro .cfg-item,.admin-pro .quick-links a{border-radius:22px!important;border:1px solid rgba(101,165,214,.19)!important;background:linear-gradient(145deg,#0d2030,#091623)!important;box-shadow:var(--tm-shadow)!important}
.admin-pro .admin-btn{border-radius:13px!important}
.admin-pro input,.admin-pro select,.admin-pro textarea{border-radius:13px!important}

/* Mobile: preserve one compact header row and avoid the old stacked controls. */
@media(max-width:760px){
  .tm-modern-member .ct-content{padding:0 12px 34px!important}
  .tm-modern-member .st-topbar{width:calc(100% + 24px)!important;margin:0 -12px 18px!important;height:64px!important;padding:0 10px!important;border-radius:0 0 18px 18px!important}
  .tm-modern-member .st-top-brand strong{display:none!important}
  .tm-modern-member .st-top-title{display:none!important}
  .tm-modern-member .st-top-actions{gap:5px!important;margin-left:6px!important}
  .tm-modern-member .st-top-theme,.tm-modern-member .st-top-avatar,.tm-modern-member .st-top-logout{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:12px!important}
  .tm-modern-member .st-top-avatar img{width:27px!important;height:27px!important}
  .tm-modern-member .st-menu-button{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important}
  .tm-modern-member .compact-member-sidebar{width:min(278px,86vw)!important}
  .tm-modern-member .home-2x2 .dash-stat{min-height:150px!important;padding:16px!important;border-radius:20px!important}
  .tm-modern-member .home-2x2 .dash-stat b{font-size:26px!important}
  .tm-modern-member .ct-content .card,.tm-modern-member .member-task-panel,.tm-modern-member .member-source-center,.tm-modern-member .member-warning,.tm-modern-member .member-chart-card,.tm-modern-member .member-notifications,.tm-modern-member .member-rules,.tm-modern-member .create-link-card,.tm-modern-member .local-link-history,.tm-modern-member .api-hero,.tm-modern-member .api-token-card,.tm-modern-member .api-doc-card,.tm-modern-member .api-guide-card,.tm-modern-member .withdraw-balance-card,.tm-modern-member .withdraw-title,.tm-modern-member .payout-history,.tm-modern-member .ledger-page,.tm-modern-member .referral-hero,.tm-modern-member .source-page-pro,.tm-modern-member .source-history,.tm-modern-member .short-result,.tm-modern-member .profile-card-pro{border-radius:21px!important}
  .tm-modern-buyer .buyer-top{height:64px!important;border-radius:0 0 18px 18px!important}
  .tm-modern-buyer .buyer-main{padding:15px 12px 34px!important}
  .tm-modern-buyer .buyer-side{margin:10px!important;border-radius:18px!important}
  .tm-modern-buyer .stat,.tm-modern-buyer .panel,.tm-modern-buyer .order,.tm-modern-buyer .service,.tm-modern-buyer .payment-box{border-radius:20px!important}
  .tm-modern-intro .site-header{top:7px!important;width:calc(100% - 16px)!important;margin-top:7px!important;border-radius:17px!important}
  .tm-modern-intro .brand span{font-size:14px!important}
  .tm-modern-intro .hero{padding-top:48px!important}
  .tm-modern-intro .hero h1{font-size:clamp(43px,12vw,62px)!important}
  .tm-modern-intro .service-grid,.tm-modern-intro .pricing-grid{gap:10px!important}
}
@media(max-width:430px){
  .tm-modern-member .st-top-brand img{width:38px!important;height:38px!important;flex-basis:38px!important}
  .tm-modern-member .st-top-actions{gap:4px!important}
  .tm-modern-member .st-top-theme,.tm-modern-member .st-top-avatar,.tm-modern-member .st-top-logout{width:34px!important;height:34px!important;flex-basis:34px!important}
}
@media(max-width:700px){
  /* Effects become mostly static on phones: visually present, but no particle storm. */
  body.tm-modern-member:before,body.tm-modern-buyer:before,body.tm-modern-intro:before{opacity:.075}
  body.tm-modern-member:after,body.tm-modern-buyer:after,body.tm-modern-intro:after{animation-duration:26s}
  .tm-modern-member .ct-content .card:before,.tm-modern-member .member-task-panel:before,.tm-modern-member .member-source-center:before,.tm-modern-member .member-chart-card:before,.tm-modern-member .member-notifications:before,.tm-modern-member .member-rules:before,.tm-modern-member .create-link-card:before,.tm-modern-member .withdraw-balance-card:before,.tm-modern-member .payout-history:before,.tm-modern-member .profile-card-pro:before,.tm-modern-buyer .stat:before,.tm-modern-buyer .service:before,.tm-modern-buyer .order:before,.tm-modern-buyer .payment-box:before,.tm-modern-buyer .panel:before,.tm-modern-intro .dashboard-preview:after,.tm-modern-intro .trust-section:after,.tm-modern-intro .rate-section:after,.tm-modern-intro .contact:after,.tm-modern-intro .service-grid article:after,.tm-modern-intro .pricing-grid article:after{animation-duration:24s}
}

/* Buyer landing uses a plain <header> rather than .site-header. */
.tm-modern-intro>header{
  position:sticky!important;top:10px!important;z-index:30!important;
  width:min(1160px,calc(100% - 28px))!important;margin:12px auto 0!important;padding:10px 12px!important;
  display:flex!important;align-items:center!important;gap:22px!important;
  border:1px solid rgba(101,165,214,.20)!important;border-radius:20px!important;
  background:rgba(8,22,35,.90)!important;box-shadow:0 15px 38px rgba(0,0,0,.20)!important;backdrop-filter:blur(10px)!important;
}
.tm-modern-intro>header .brand{display:flex!important;align-items:center!important;gap:9px!important;color:#fff!important;text-decoration:none!important}
.tm-modern-intro>header .brand img{width:40px!important;height:40px!important;border-radius:12px!important;background:#fff!important;padding:3px!important}
.tm-modern-intro>header nav{display:flex!important;align-items:center!important;gap:4px!important;margin-left:8px!important}
.tm-modern-intro>header nav a{padding:10px 12px!important;border-radius:11px!important;color:#b9c9d6!important;text-decoration:none!important;font-weight:800!important;font-size:13px!important}
.tm-modern-intro>header nav a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
.tm-modern-intro>header nav .cta{color:#fff!important}
@media(max-width:700px){.tm-modern-intro>header{width:calc(100% - 16px)!important;margin-top:7px!important;top:7px!important;border-radius:17px!important}.tm-modern-intro>header nav a:not(.cta){display:none!important}.tm-modern-intro>header nav{margin-left:auto!important}.tm-modern-intro>header .brand strong{font-size:14px!important}.tm-modern-intro>header .brand img{width:37px!important;height:37px!important}}

/* The existing Member JS creates a mobile bottom bar; the compact hamburger sidebar is the
   primary mobile navigation now, so don't duplicate navigation at the bottom. */
@media(max-width:760px){.tm-modern-member .tm-mobile-nav{display:none!important}.tm-modern-member .ct-content{padding-bottom:30px!important}}

/* Existing Member home modules that were introduced in the previous UI layer. */
.tm-modern-member .tm-quick-section{position:relative;overflow:hidden;padding:22px;margin:0 0 18px;border-radius:24px;border:1px solid rgba(101,165,214,.20);background:linear-gradient(145deg,#0d2030,#091623);box-shadow:var(--tm-shadow)}
.tm-modern-member .tm-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.tm-modern-member .tm-section-title h2{margin:5px 0 0;font-size:24px;letter-spacing:-.03em}
.tm-modern-member .tm-live-pill{font-size:10px;color:#42dfbb;background:rgba(34,211,181,.09);border:1px solid rgba(34,211,181,.18);padding:8px 11px;border-radius:999px;font-weight:900}
.tm-modern-member .tm-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.tm-modern-member .tm-quick-card{min-height:132px;padding:16px;border-radius:19px;border:1px solid rgba(101,165,214,.17);background:linear-gradient(145deg,#10283b,#0a1827);text-decoration:none;color:#f2f7fc;display:flex;flex-direction:column;transition:transform .16s ease,border-color .16s ease}
.tm-modern-member .tm-quick-card:hover{transform:translateY(-2px);border-color:rgba(99,170,240,.34)}
.tm-modern-member .tm-qicon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;margin-bottom:13px}
.tm-modern-member .q-blue .tm-qicon{background:linear-gradient(145deg,#617ee9,#4c61c5)}
.tm-modern-member .q-orange .tm-qicon{background:linear-gradient(145deg,#f5a91d,#d97708)}
.tm-modern-member .q-green .tm-qicon{background:linear-gradient(145deg,#24cfb0,#18a58f)}
.tm-modern-member .q-red .tm-qicon{background:linear-gradient(145deg,#ef7180,#d95362)}
.tm-modern-member .tm-quick-card b{font-size:14px}.tm-modern-member .tm-quick-card small{margin-top:5px;color:#8fa6b8;line-height:1.4}
.tm-modern-member .tm-line-chart{padding:22px!important;margin-bottom:18px!important}
.tm-modern-member .chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.tm-modern-member .chart-head h3{margin:5px 0;font-size:24px}
.tm-modern-member .tm-chart-select{padding:10px 14px;border-radius:14px;background:#14283a;color:#dcecff;min-width:92px;text-align:center;border:1px solid rgba(101,165,214,.16)}
.tm-modern-member .tm-chart-wrap{height:270px;margin-top:14px}.tm-modern-member .tm-chart-wrap svg{width:100%;height:100%;display:block;overflow:visible}
.tm-modern-member .tm-gridline{stroke:rgba(145,180,210,.12);stroke-width:1}.tm-modern-member .tm-line{fill:none;stroke:#7d78ff;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}.tm-modern-member .tm-area{fill:url(#tmChartFill)}.tm-modern-member .tm-dot{fill:#f4f6ff;stroke:#6e84ff;stroke-width:3}.tm-modern-member .tm-axis{fill:#71889d;font-size:12px}
@media(max-width:760px){.tm-modern-member .tm-quick-section{margin:0 0 14px;padding:17px;border-radius:21px}.tm-modern-member .tm-quick-grid{grid-template-columns:1fr 1fr;gap:9px}.tm-modern-member .tm-quick-card{min-height:118px;padding:13px;border-radius:17px}.tm-modern-member .tm-qicon{width:42px;height:42px;border-radius:13px;margin-bottom:10px}.tm-modern-member .tm-quick-card b{font-size:13px}.tm-modern-member .tm-quick-card small{font-size:10.5px}.tm-modern-member .tm-section-title h2{font-size:21px}.tm-modern-member .chart-head h3{font-size:21px}.tm-modern-member .tm-chart-wrap{height:220px}}
.tm-modern-member .source-page-pro{padding:22px!important}
.tm-modern-member .source-approval-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid rgba(101,165,214,.13)}
.tm-modern-member .source-approval-head h2{margin:6px 0;font-size:28px;letter-spacing:-.03em}.tm-modern-member .source-approval-badge{padding:9px 12px;border-radius:999px;background:rgba(32,201,159,.09);border:1px solid rgba(32,201,159,.20);color:#46dfbd;font-size:10px;font-weight:950;white-space:nowrap}
.tm-modern-member .source-approval-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}
.tm-modern-member .source-approval-grid>.card{padding:19px!important;border-radius:20px!important;box-shadow:none!important}
.tm-modern-member .source-current{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;margin-top:13px;padding:14px;border:1px solid rgba(101,165,214,.16);border-radius:17px;background:rgba(8,23,35,.7)}
.tm-modern-member .source-current-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(32,201,159,.12);color:#34d9b0;font-weight:950;font-size:20px}.tm-modern-member .source-current-icon.pending{background:rgba(244,165,33,.10);color:#ffc85f}
.tm-modern-member .source-current b{display:block;font-size:15px}.tm-modern-member .source-current a{display:block;margin:4px 0 8px;color:#76baff;font-size:12px;word-break:break-all;text-decoration:none}
.tm-modern-member .source-history{margin-top:14px!important;padding:19px!important}.tm-modern-member .source-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid rgba(101,165,214,.10)}.tm-modern-member .source-history-row:last-child{border-bottom:0}.tm-modern-member .source-history-row b{display:block}.tm-modern-member .source-history-row small{display:block;margin-top:4px;color:#8199ac;word-break:break-all}.tm-modern-member .source-status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.tm-modern-member .source-status.approved{background:rgba(32,201,159,.10);color:#44dcb9}.tm-modern-member .source-status.pending{background:rgba(244,165,33,.10);color:#ffc45c}.tm-modern-member .source-status.rejected{background:rgba(239,104,120,.10);color:#ff929f}
@media(max-width:760px){.tm-modern-member .source-page-pro{padding:17px!important}.tm-modern-member .source-approval-head{flex-direction:column}.tm-modern-member .source-approval-grid{grid-template-columns:1fr}.tm-modern-member .source-history-row{align-items:flex-start;flex-direction:column}.tm-modern-member .source-status{align-self:flex-start}}

/* Preserve the existing light/dark switch. */
html[data-theme="light"] body.tm-modern-member,html[data-theme="light"] body.tm-modern-buyer,html[data-theme="light"] body.tm-modern-intro{
  --tm-text:#17263a;--tm-muted:#6d7f91;--tm-line:rgba(73,119,153,.18);
  background:linear-gradient(145deg,#eef4f9,#f7fafc 55%,#eaf2f8)!important;color:#17263a!important;
}
html[data-theme="light"] body.tm-modern-member:before,html[data-theme="light"] body.tm-modern-buyer:before,html[data-theme="light"] body.tm-modern-intro:before{opacity:.10}
html[data-theme="light"] .tm-modern-member .st-topbar,html[data-theme="light"] .tm-modern-buyer .buyer-top{background:linear-gradient(100deg,#3d80b7,#5a9bd4)!important;color:#fff!important}
html[data-theme="light"] .tm-modern-member .compact-member-sidebar,html[data-theme="light"] .tm-modern-buyer .buyer-side{background:linear-gradient(180deg,#f6faff,#edf5fa)!important;border-color:rgba(73,119,153,.15)!important}
html[data-theme="light"] .tm-modern-member .compact-member-sidebar .st-side-user{background:#fff!important;border-color:#d7e5ee!important}
html[data-theme="light"] .tm-modern-member .compact-member-sidebar .st-side-brand strong,html[data-theme="light"] .tm-modern-member .compact-member-sidebar .st-side-name b{color:#1e3347!important}
html[data-theme="light"] .tm-modern-member .compact-member-sidebar .ct-nav .ct-link{color:#4c6476!important}
html[data-theme="light"] .tm-modern-member .compact-member-sidebar .ct-nav .ct-link.active{background:#e4f1fb!important;border-color:#b9d8ed!important;color:#1765a0!important}
html[data-theme="light"] .tm-modern-member .ct-content .card,html[data-theme="light"] .tm-modern-member .member-task-panel,html[data-theme="light"] .tm-modern-member .member-source-center,html[data-theme="light"] .tm-modern-member .member-warning,html[data-theme="light"] .tm-modern-member .member-chart-card,html[data-theme="light"] .tm-modern-member .member-notifications,html[data-theme="light"] .tm-modern-member .member-rules,html[data-theme="light"] .tm-modern-member .create-link-card,html[data-theme="light"] .tm-modern-member .local-link-history,html[data-theme="light"] .tm-modern-member .api-hero,html[data-theme="light"] .tm-modern-member .api-token-card,html[data-theme="light"] .tm-modern-member .api-doc-card,html[data-theme="light"] .tm-modern-member .api-guide-card,html[data-theme="light"] .tm-modern-member .withdraw-balance-card,html[data-theme="light"] .tm-modern-member .withdraw-title,html[data-theme="light"] .tm-modern-member .payout-history,html[data-theme="light"] .tm-modern-member .ledger-page,html[data-theme="light"] .tm-modern-member .referral-hero,html[data-theme="light"] .tm-modern-member .source-page-pro,html[data-theme="light"] .tm-modern-member .source-history,html[data-theme="light"] .tm-modern-member .short-result,html[data-theme="light"] .tm-modern-member .profile-card-pro,html[data-theme="light"] .tm-modern-member .member-source-current{
  background:linear-gradient(145deg,#fff,#f5f9fc)!important;border-color:#d5e2eb!important;color:#17263a!important;box-shadow:0 14px 32px rgba(40,82,112,.09)!important;
}
html[data-theme="light"] .tm-modern-member .tm-quick-card,html[data-theme="light"] .tm-modern-member .tm-quick-section{background:linear-gradient(145deg,#fff,#f3f8fc)!important;border-color:#d5e2eb!important;color:#17263a!important}
html[data-theme="light"] .tm-modern-member .compact-form input,html[data-theme="light"] .tm-modern-member .compact-form select,html[data-theme="light"] .tm-modern-member .compact-form textarea{background:#fff!important;color:#17263a!important;border-color:#cfdee8!important}
html[data-theme="light"] .tm-modern-buyer .stat,html[data-theme="light"] .tm-modern-buyer .panel,html[data-theme="light"] .tm-modern-buyer .order,html[data-theme="light"] .tm-modern-buyer .service,html[data-theme="light"] .tm-modern-buyer .payment-box{background:linear-gradient(145deg,#fff,#f5f9fc)!important;border-color:#d5e2eb!important;color:#17263a!important;box-shadow:0 14px 32px rgba(40,82,112,.09)!important}
html[data-theme="light"] .tm-modern-intro .site-header,html[data-theme="light"] .tm-modern-intro>header{background:rgba(255,255,255,.92)!important;border-color:#d5e2eb!important}
html[data-theme="light"] .tm-modern-intro .dashboard-preview,html[data-theme="light"] .tm-modern-intro .trust-section,html[data-theme="light"] .tm-modern-intro .rate-section,html[data-theme="light"] .tm-modern-intro .contact,html[data-theme="light"] .tm-modern-intro .service-grid article,html[data-theme="light"] .tm-modern-intro .pricing-grid article,html[data-theme="light"] .tm-modern-intro .stats article{background:linear-gradient(145deg,#fff,#f5f9fc)!important;border-color:#d5e2eb!important;color:#17263a!important;box-shadow:0 14px 32px rgba(40,82,112,.09)!important}

/* Admin V125 — same visual language, without changing its controls. */
body:has(.admin-shell){background:linear-gradient(145deg,#040b13,#071522 55%,#050e18)!important;color:#eef6fc!important}
.admin-shell{position:relative;z-index:1}
.admin-shell .admin-sidebar{background:linear-gradient(180deg,#071522,#091a28)!important;border-right:1px solid rgba(101,165,214,.16)!important;box-shadow:16px 0 40px rgba(0,0,0,.20)!important}
.admin-shell .admin-main{background:transparent!important}
.admin-shell .admin-top{background:linear-gradient(100deg,#0b2134,#122d47)!important;border-bottom:1px solid rgba(101,165,214,.18)!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important;border-radius:0 0 20px 20px!important}
.admin-shell .admin-nav a,.admin-shell .admin-sidebar button{border-radius:13px!important}
.admin-shell .admin-nav a.active,.admin-shell .admin-nav a:hover{background:linear-gradient(100deg,rgba(62,142,210,.22),rgba(124,91,226,.16))!important;border-color:rgba(91,166,226,.22)!important}
.admin-shell .admin-card,.admin-shell .cfg-item,.admin-shell .quick-links a,.admin-shell .admin-stat,.admin-shell .admin-panel{position:relative!important;overflow:hidden!important;border-radius:22px!important;border:1px solid rgba(101,165,214,.19)!important;background:linear-gradient(145deg,#0d2030,#091623)!important;box-shadow:var(--tm-shadow)!important;color:#eef6fc!important}
.admin-shell .admin-card:after,.admin-shell .cfg-item:after,.admin-shell .quick-links a:after{content:"";position:absolute;left:-20%;right:-20%;bottom:-80%;height:110%;pointer-events:none;background:radial-gradient(ellipse at 50% 0,rgba(70,178,240,.09),transparent 63%);animation:tm125Water 16s ease-in-out infinite}
.admin-shell .admin-card>* ,.admin-shell .cfg-item>* ,.admin-shell .quick-links a>*{position:relative;z-index:1}
.admin-shell .admin-btn{border-radius:13px!important}
.admin-shell input,.admin-shell select,.admin-shell textarea{border-radius:13px!important;background:#07131f!important;color:#eef6fc!important;border-color:rgba(92,153,201,.24)!important}
@media(max-width:760px){.admin-shell .admin-card,.admin-shell .cfg-item,.admin-shell .quick-links a{border-radius:20px!important}.admin-shell .admin-top{border-radius:0 0 18px 18px!important}}