/* TrafficMember V124 — polish only. Keeps the existing V112/V119 layouts and navigation. */
:root{
  --tm124-bg:#07111d;--tm124-bg2:#0b1928;--tm124-card:#0d1c2b;--tm124-card2:#101f30;
  --tm124-line:rgba(104,163,210,.22);--tm124-text:#f2f6fb;--tm124-muted:#91a6b8;
  --tm124-blue:#63aaf0;--tm124-purple:#8b6df2;--tm124-green:#21c99f;--tm124-orange:#f4a51c;--tm124-red:#ef6978;
}
html,body{background:radial-gradient(800px 520px at 80% -12%,rgba(61,132,211,.12),transparent 62%),radial-gradient(650px 480px at -10% 25%,rgba(116,79,205,.08),transparent 64%),linear-gradient(145deg,#050d16,#071522 48%,#06101b)!important;color:var(--tm124-text)!important;overflow-x:hidden}
/* One cheap atmospheric layer. No per-card animation. */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.11;background-image:radial-gradient(circle at 15% 8%,rgba(255,255,255,.75) 0 1px,transparent 1.6px),radial-gradient(circle at 72% 28%,rgba(126,190,255,.6) 0 1px,transparent 1.7px),radial-gradient(circle at 45% 75%,rgba(255,255,255,.45) 0 1px,transparent 1.5px);background-size:170px 190px,230px 250px,310px 330px}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0;background:linear-gradient(130deg,transparent 0 48%,rgba(174,226,255,.85) 49%,transparent 49.6%) 6% -20%/330px 460px no-repeat;animation:tm124Meteor 24s linear infinite}
@keyframes tm124Meteor{0%,78%{opacity:0;transform:translate3d(0,0,0)}80%{opacity:.55}88%{opacity:.65;transform:translate3d(28vw,34vh,0)}93%,100%{opacity:0;transform:translate3d(48vw,58vh,0)}}
.ct-shell,.ct-content,.buyer-shell,.buyer-main,.site-header,.hero,main{position:relative;z-index:1}
/* Member top bar: same structure, cleaner and more compact. */
.tm-modern-member .st-topbar,.st-topbar{height:70px!important;margin:0 -22px 20px!important;padding:0 20px!important;background:linear-gradient(100deg,#0d2437,#12304a)!important;border:0!important;border-bottom:1px solid rgba(100,170,220,.18)!important;border-radius:0 0 20px 20px!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important;backdrop-filter:none!important}
.tm-modern-member .st-menu-button,.st-menu-button{width:44px!important;height:44px!important;border-radius:14px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(145,190,225,.18)!important;color:#fff!important}
.tm-modern-member .st-top-brand img,.st-top-brand img{width:40px!important;height:40px!important;border-radius:12px!important}
.tm-modern-member .st-top-brand strong,.st-top-brand strong{font-size:15px!important;color:#fff!important}
.tm-modern-member .st-top-theme,.tm-modern-member .st-top-avatar,.tm-modern-member .st-top-logout,.st-top-theme,.st-top-avatar,.st-top-logout{width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(145,190,225,.16)!important;color:#fff!important}
/* Compact old sidebar; no new mobile bottom menu. */
.tm-modern-member .compact-member-sidebar,.compact-member-sidebar,.ct-sidebar{background:linear-gradient(180deg,#071522,#091b29)!important;border-right:1px solid rgba(91,151,196,.15)!important;box-shadow:14px 0 40px rgba(0,0,0,.18)!important}
.tm-modern-member .compact-member-sidebar{width:238px!important}
.tm-modern-member .compact-member-sidebar .st-side-user{padding:14px 12px 9px!important}
.tm-modern-member .compact-member-sidebar .st-side-label{margin:8px 12px 5px!important;font-size:9px!important;letter-spacing:.14em!important;color:#72899b!important}
.tm-modern-member .compact-member-sidebar .ct-link{min-height:38px!important;padding:8px 10px!important;margin:2px 6px!important;border-radius:11px!important;font-size:13px!important;border:1px solid transparent!important}
.tm-modern-member .compact-member-sidebar .ct-link.active{background:rgba(91,157,219,.14)!important;border-color:rgba(91,157,219,.17)!important;color:#8dc7ff!important}
.tm-modern-member .compact-member-sidebar .ct-link:hover{background:rgba(91,157,219,.09)!important;transform:none!important}
.tm-modern-member .compact-member-sidebar .st-side-bottom{padding:8px!important}
.tm-modern-member .compact-member-sidebar .ct-contact-secondary{opacity:.82}
/* Existing Member cards: rounded like the reference, but keep the old page structure. */
.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:1px solid var(--tm124-line)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(13,30,45,.97),rgba(7,18,29,.98))!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important;overflow:hidden!important}
/* Keep the four dashboard stats in the old 2x2 arrangement. */
.tm-modern-member .member-dashboard-stats.home-2x2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:16px 0 18px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.tm-modern-member .home-2x2 .dash-stat{min-height:170px!important;padding:20px!important;border:1px solid rgba(96,157,204,.18)!important;border-top:1px solid rgba(96,157,204,.18)!important;border-radius:23px!important;background:linear-gradient(145deg,#0d1d2c,#091623)!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important;transform:none!important}
.tm-modern-member .home-2x2 .dash-stat:hover{transform:translateY(-2px)!important;border-color:rgba(99,170,240,.30)!important;box-shadow:0 18px 38px rgba(0,0,0,.20)!important}
.tm-modern-member .home-2x2 .dash-stat span{font-size:10px!important;letter-spacing:.14em!important;color:#a1b4c4!important}
.tm-modern-member .home-2x2 .dash-stat b{font-size:30px!important;margin-top:10px!important}
.tm-modern-member .home-2x2 .dash-stat small{color:#8fa5b6!important}
.tm-modern-member .home-2x2 .dash-stat a{color:#68b0f5!important}
.tm-modern-member .home-2x2 .balance-home b{color:#21c99f!important}.tm-modern-member .home-2x2 .stat-blue b{color:#63aaf0!important}.tm-modern-member .home-2x2 .stat-orange b{color:#f4a51c!important}.tm-modern-member .home-2x2 .stat-purple b{color:#9a7cff!important}
/* Existing quick create stays at the top, only gets polish. */
.tm-modern-member .member-quick-create{margin:18px 0 15px!important;border:1px solid rgba(99,170,240,.20)!important;border-radius:23px!important;background:linear-gradient(135deg,#12314a,#1c2146)!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important}
.tm-modern-member .quick-create-btn{border-radius:17px!important}
/* Source/rates/tasks: rounded panels, not a replacement layout. */
.tm-modern-member .member-source-current,.tm-modern-member .member-task-panel,.tm-modern-member .member-notifications,.tm-modern-member .member-rules{border-radius:24px!important;background:linear-gradient(145deg,#0d1d2c,#091622)!important;border:1px solid var(--tm124-line)!important;box-shadow:0 14px 34px rgba(0,0,0,.16)!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(14,32,48,.75)!important}
/* Liquid/water light inside cards, static for phone performance. */
.tm-modern-member .card:after,.tm-modern-member .member-task-panel:after,.tm-modern-member .member-chart-card:after,.tm-modern-member .member-notifications:after,.tm-modern-member .member-rules:after,.tm-modern-member .member-source-current:after,.tm-modern-buyer .panel:after,.tm-modern-buyer .stat:after,.tm-modern-buyer .service:after,.tm-modern-buyer .order:after,.tm-modern-buyer .payment-box:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-72%;height:95%;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(70,178,240,.10),transparent 65%);z-index:0}
.tm-modern-member .card>*,.tm-modern-member .member-task-panel>*,.tm-modern-member .member-chart-card>*,.tm-modern-member .member-notifications>*,.tm-modern-member .member-rules>*,.tm-modern-member .member-source-current>*,.tm-modern-buyer .panel>*,.tm-modern-buyer .stat>*,.tm-modern-buyer .service>*,.tm-modern-buyer .order>*,.tm-modern-buyer .payment-box>*{position:relative;z-index:1}
/* Buyer: keep old sidebar/layout, only polish cards. */
.tm-modern-buyer .buyer-top{height:72px!important;margin:0 0 18px!important;border:0!important;border-bottom:1px solid rgba(99,170,240,.16)!important;border-radius:0 0 20px 20px!important;background:linear-gradient(100deg,#0d2437,#12304a)!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}
.tm-modern-buyer .buyer-side{border:1px solid rgba(91,151,196,.16)!important;border-radius:20px!important;background:linear-gradient(180deg,#071522,#091b29)!important;box-shadow:0 14px 35px rgba(0,0,0,.18)!important}
.tm-modern-buyer .buyer-main{max-width:1320px!important}
.tm-modern-buyer .stat,.tm-modern-buyer .panel,.tm-modern-buyer .order,.tm-modern-buyer .service,.tm-modern-buyer .payment-box{border-radius:22px!important;border:1px solid rgba(96,157,204,.19)!important;background:linear-gradient(145deg,#0d1d2c,#091623)!important;box-shadow:0 13px 32px rgba(0,0,0,.16)!important}
.tm-modern-buyer .stat:hover,.tm-modern-buyer .service:hover{transform:translateY(-2px)!important}
.tm-modern-buyer .btn{border-radius:14px!important}
/* Both intro pages: preserve existing structure, just make panels cleaner. */
.member-landing .site-header,.tm-modern-intro header{border:1px solid rgba(99,170,240,.20)!important;border-radius:20px!important;background:rgba(8,20,32,.88)!important;box-shadow:0 14px 38px rgba(0,0,0,.16)!important;backdrop-filter:none!important}
.member-landing .dashboard-preview,.member-landing .trust-section,.member-landing .rate-section,.member-landing .contact,.member-landing .service-grid article,.member-landing .pricing-grid article,.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{border-radius:24px!important;border:1px solid rgba(99,170,240,.19)!important;background:linear-gradient(145deg,#0d1e2d,#091623)!important;box-shadow:0 14px 35px rgba(0,0,0,.16)!important}
.member-landing .service-grid article,.member-landing .pricing-grid article,.tm-modern-intro .service-grid article,.tm-modern-intro .pricing-grid article{transform:none!important}
/* Admin keeps its existing navigation/page structure. */
body.admin-page .card,body.admin-page .panel,.admin-shell .card,.admin-shell .panel,.admin-page .card,.admin-page .panel{border-radius:22px!important}
/* Never show the newly-added floating mobile navigation; use the existing hamburger/menu. */
.tm-mobile-nav,.tm-buyer-mobile-nav{display:none!important}
@media(max-width:900px){.tm-modern-member .compact-member-sidebar{width:248px!important}.tm-modern-member .ct-content{padding-bottom:42px!important}}
@media(max-width:650px){
  .tm-modern-member .st-topbar,.st-topbar{height:66px!important;margin:0 -12px 15px!important;padding:0 12px!important;border-radius:0 0 18px 18px!important}
  .tm-modern-member .st-top-brand strong{display:none!important}.tm-modern-member .st-top-brand img{width:38px!important;height:38px!important}
  .tm-modern-member .st-top-theme,.tm-modern-member .st-top-avatar,.tm-modern-member .st-top-logout{width:39px!important;height:39px!important;border-radius:12px!important}
  .tm-modern-member .member-dashboard-stats.home-2x2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .tm-modern-member .home-2x2 .dash-stat{min-height:150px!important;padding:15px!important;border-radius:20px!important}
  .tm-modern-member .home-2x2 .dash-stat b{font-size:23px!important}
  .tm-modern-member .member-quick-create,.tm-modern-member .member-source-current,.tm-modern-member .member-task-panel,.tm-modern-member .member-notifications,.tm-modern-member .member-rules{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:14px!important}.tm-modern-buyer .stat{border-radius:20px!important}.tm-modern-buyer .panel{border-radius:22px!important}
  .member-landing .site-header,.tm-modern-intro header{border-radius:18px!important}.member-landing .dashboard-preview,.member-landing .trust-section,.member-landing .rate-section,.member-landing .contact,.member-landing .service-grid article,.member-landing .pricing-grid article,.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{border-radius:21px!important}
  body:before{opacity:.07}.tm-modern-member .card:after,.tm-modern-member .member-task-panel:after,.tm-modern-member .member-chart-card:after,.tm-modern-member .member-notifications:after,.tm-modern-member .member-rules:after,.tm-modern-member .member-source-current:after,.tm-modern-buyer .panel:after,.tm-modern-buyer .stat:after,.tm-modern-buyer .service:after,.tm-modern-buyer .order:after,.tm-modern-buyer .payment-box:after{opacity:.55}
}
@media(prefers-reduced-motion:reduce){body:after{animation:none!important}}