/* TrafficMember V120 — unified premium interface
   Visual only: keeps existing Member/Buyer/Admin logic and data flow intact. */
:root{
  --tm-bg:#030914;--tm-bg2:#071321;--tm-panel:rgba(9,23,37,.82);--tm-panel2:rgba(13,31,48,.78);
  --tm-line:rgba(91,151,196,.23);--tm-line2:rgba(255,255,255,.075);--tm-text:#f4f8fc;--tm-muted:#91a7b9;
  --tm-blue:#63adff;--tm-cyan:#24d8b2;--tm-purple:#9b7cff;--tm-orange:#ffb62f;--tm-red:#ff6f7d;
  --tm-shadow:0 24px 70px rgba(0,0,0,.28);--tm-radius:26px;
}
html,body{background:var(--tm-bg)!important;color:var(--tm-text)}
body{position:relative;min-height:100vh;overflow-x:hidden}
/* V122 PERFORMANCE ATMOSPHERE — lightweight CSS only */
body.tm-modern-member,body.tm-modern-buyer,body.member-landing,body.tm-modern-intro{
  background:
    radial-gradient(700px 420px at 82% -10%,rgba(51,139,218,.13),transparent 62%),
    radial-gradient(560px 420px at -10% 28%,rgba(119,82,220,.08),transparent 64%),
    linear-gradient(145deg,#020811 0%,#061422 45%,#030914 100%)!important;
}
/* One lightweight atmosphere layer: no blend-mode, no filter, no huge moving texture. */
body.tm-modern-member:before,body.tm-modern-buyer:before,body.member-landing:before,body.tm-modern-intro:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:18;opacity:.13;
  background-image:radial-gradient(circle at 20% 10%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 30%,rgba(140,205,255,.4) 0 1px,transparent 1.5px),repeating-linear-gradient(105deg,transparent 0 55px,rgba(156,211,255,.08) 56px,transparent 57px 115px);
  background-size:180px 210px,240px 280px,170px 170px;
  animation:tmAtmosphere 14s linear infinite;
}
/* Single small meteor sweep. */
body.tm-modern-member:after,body.tm-modern-buyer:after,body.member-landing:after,body.tm-modern-intro:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:19;opacity:0;
  background:linear-gradient(130deg,transparent 0 48%,rgba(160,225,255,.85) 49%,transparent 49.5%) 8% -18%/320px 460px no-repeat;
  animation:tmMeteorLite 14s linear infinite;
}
@keyframes tmAtmosphere{to{background-position:180px 210px,-240px 280px,170px 170px}}
@keyframes tmMeteorLite{0%,72%{opacity:0;transform:translate3d(0,0,0)}75%{opacity:.55}86%{opacity:.7;transform:translate3d(35vw,42vh,0)}92%,100%{opacity:0;transform:translate3d(55vw,65vh,0)}}
/* Card liquid look is static on purpose: avoids dozens of simultaneous animations. */
.tm-modern-member .card:before,.tm-modern-member .panel:before,.tm-modern-member .dash-stat:before,.tm-modern-member .member-task-panel:before,.tm-modern-member .member-chart-card:before,.tm-modern-member .member-notifications:before,.tm-modern-member .withdraw-balance-card:before,
.tm-modern-buyer .panel:before,.tm-modern-buyer .stat:before,.tm-modern-buyer .service:before,.tm-modern-buyer .order:before,.tm-modern-buyer .payment-box:before,
.tm-modern-intro .dashboard-preview:before,.tm-modern-intro .trust-section:before,.tm-modern-intro .service-grid article:before,.tm-modern-intro .pricing-grid article:before,.tm-modern-intro .contact:before,.member-landing .dashboard-preview:before,.member-landing .trust-section:before,.member-landing .service-grid article:before,.member-landing .pricing-grid article:before,.member-landing .contact:before{
  content:"";position:absolute;left:8%;right:8%;bottom:-35%;height:70%;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse,rgba(63,166,255,.10),transparent 68%);
  opacity:.7;
}
.tm-modern-member .card:after,.tm-modern-member .panel:after,.tm-modern-member .dash-stat:after,.tm-modern-member .member-task-panel:after,.tm-modern-member .member-chart-card:after,.tm-modern-member .member-notifications:after,.tm-modern-member .withdraw-balance-card: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,
.tm-modern-intro .dashboard-preview:after,.tm-modern-intro .trust-section:after,.tm-modern-intro .service-grid article:after,.tm-modern-intro .pricing-grid article:after,.tm-modern-intro .contact:after,.member-landing .dashboard-preview:after,.member-landing .trust-section:after,.member-landing .service-grid article:after,.member-landing .pricing-grid article:after,.member-landing .contact:after{display:none!important}
.tm-modern-member .card>* ,.tm-modern-member .panel>* ,.tm-modern-member .dash-stat>* ,.tm-modern-member .member-task-panel>* ,.tm-modern-member .member-chart-card>* ,.tm-modern-member .member-notifications>* ,.tm-modern-member .withdraw-balance-card>* ,
.tm-modern-buyer .panel>* ,.tm-modern-buyer .stat>* ,.tm-modern-buyer .service>* ,.tm-modern-buyer .order>* ,.tm-modern-buyer .payment-box>* ,.tm-modern-buyer .head-balance>* ,
.tm-modern-intro .dashboard-preview>* ,.tm-modern-intro .trust-section>* ,.tm-modern-intro .service-grid article>* ,.tm-modern-intro .pricing-grid article>* ,.tm-modern-intro .contact>* ,.member-landing .dashboard-preview>* ,.member-landing .trust-section>* ,.member-landing .service-grid article>* ,.member-landing .pricing-grid article>* ,.member-landing .contact>*{position:relative;z-index:2}
/* Member shell */
.tm-modern-member .ct-shell{background:transparent!important}
.tm-modern-member .ct-content{background:transparent!important}
.tm-modern-member .st-topbar{height:74px!important;margin:12px 18px 0!important;border:1px solid rgba(99,170,240,.2)!important;border-radius:22px!important;background:rgba(7,20,33,.78)!important;backdrop-filter:none!important;box-shadow:0 18px 45px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05)!important;position:sticky!important;top:10px!important;z-index:25!important}
.tm-modern-member .st-top-brand img{border-radius:14px!important;box-shadow:0 8px 24px rgba(70,145,221,.2)}
.tm-modern-member .st-top-theme,.tm-modern-member .st-top-avatar,.tm-modern-member .st-top-logout{border-radius:15px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(111,165,206,.2)!important;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.tm-modern-member .ct-sidebar{background:rgba(5,15,26,.82)!important;border-right:1px solid rgba(92,149,194,.16)!important;backdrop-filter:blur(20px)}
.tm-modern-member .ct-link{border-radius:14px!important;margin:3px 8px!important;transition:.2s ease}
.tm-modern-member .ct-link:hover,.tm-modern-member .ct-link.active{background:linear-gradient(100deg,rgba(83,161,233,.2),rgba(146,102,238,.13))!important;border-color:rgba(93,163,225,.22)!important;transform:translateX(2px)}
.tm-modern-member .ct-content{padding-bottom:50px!important}
.tm-modern-member .member-dashboard-stats.home-2x2{gap:16px!important}
.tm-modern-member .home-2x2 .dash-stat{border:1px solid rgba(92,155,202,.22)!important;border-top-width:3px!important;background:linear-gradient(145deg,rgba(11,27,42,.93),rgba(5,15,26,.96))!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.tm-modern-member .home-2x2 .dash-stat:hover{transform:translateY(-4px);border-color:rgba(99,170,240,.4)!important;box-shadow:0 30px 75px rgba(0,0,0,.35)!important}
.tm-modern-member .member-quick-create{border:1px solid rgba(99,170,240,.24)!important;background:linear-gradient(135deg,rgba(12,32,50,.95),rgba(18,25,48,.95))!important;border-radius:27px!important}
.tm-modern-member .quick-create-btn{border-radius:20px!important}
.tm-modern-member .member-source-current{border:1px solid rgba(99,170,240,.22)!important;background:linear-gradient(145deg,rgba(12,30,47,.92),rgba(6,17,29,.96))!important}
.tm-modern-member .tm-progress-item,.tm-modern-member .tm-traffic-progress{border-color:rgba(94,157,204,.24)!important;background:linear-gradient(145deg,rgba(15,37,56,.75),rgba(7,19,31,.85))!important;border-radius:19px!important}
.tm-modern-member .card,.tm-modern-member .member-task-panel,.tm-modern-member .member-chart-card,.tm-modern-member .member-notifications{border-color:rgba(92,151,197,.22)!important;border-radius:27px!important;background:linear-gradient(145deg,rgba(12,29,45,.92),rgba(5,15,25,.96))!important}
/* Buyer shell */
.tm-modern-buyer .buyer-top{height:78px!important;margin:10px 14px 0!important;border:1px solid rgba(99,170,240,.2)!important;border-radius:22px!important;background:rgba(5,16,28,.78)!important;backdrop-filter:none!important;box-shadow:0 18px 50px rgba(0,0,0,.26)!important}
.tm-modern-buyer .buyer-shell{min-height:calc(100vh - 88px)!important}
.tm-modern-buyer .buyer-side{margin:14px 0 14px 14px!important;border:1px solid rgba(99,170,240,.16)!important;border-radius:24px!important;background:rgba(6,18,30,.76)!important;box-shadow:var(--tm-shadow)!important}
.tm-modern-buyer .buyer-main{padding:34px!important;max-width:1480px!important}
.tm-modern-buyer .page-head h1{font-size:42px!important;letter-spacing:-.055em!important}
.tm-modern-buyer .grid-stats{gap:16px!important}
.tm-modern-buyer .stat{min-height:155px!important;border-color:rgba(91,151,198,.22)!important;border-radius:25px!important;background:linear-gradient(145deg,rgba(12,31,48,.92),rgba(5,15,25,.96))!important;transition:.22s ease}
.tm-modern-buyer .stat:hover,.tm-modern-buyer .service:hover{transform:translateY(-3px);border-color:rgba(99,170,240,.42)!important}
.tm-modern-buyer .panel{border-color:rgba(91,151,198,.22)!important;border-radius:27px!important;background:linear-gradient(145deg,rgba(11,29,45,.92),rgba(5,15,25,.96))!important}
.tm-modern-buyer .service{border-color:rgba(91,151,198,.2)!important;border-radius:21px!important;background:linear-gradient(145deg,rgba(15,37,56,.78),rgba(7,19,31,.9))!important;transition:.22s ease}
.tm-modern-buyer .service.active{box-shadow:0 0 0 2px rgba(94,170,240,.14),0 20px 45px rgba(0,0,0,.22)!important}
.tm-modern-buyer .field input,.tm-modern-buyer .field select,.tm-modern-buyer .field textarea{border-color:rgba(86,147,194,.28)!important;background:rgba(2,10,17,.72)!important;border-radius:15px!important}
.tm-modern-buyer .btn{border-radius:15px!important;box-shadow:0 15px 35px rgba(57,127,204,.2)!important}
/* Intro pages */
.member-landing .site-header,.tm-modern-intro header{border-color:rgba(99,170,240,.22)!important;background:rgba(6,18,30,.72)!important;backdrop-filter:none!important;box-shadow:0 18px 55px rgba(0,0,0,.24)!important}
.member-landing .hero,.tm-modern-intro .hero{min-height:720px!important}
.member-landing .hero h1,.tm-modern-intro .hero h1{font-weight:950!important;text-shadow:0 15px 50px rgba(0,0,0,.3)}
.member-landing .dashboard-preview,.tm-modern-intro .dashboard-preview{transform:rotate(1deg);border-color:rgba(99,170,240,.28)!important;background:linear-gradient(145deg,rgba(13,32,49,.92),rgba(5,15,25,.96))!important}
.member-landing .service-grid,.tm-modern-intro .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.member-landing .service-grid article,.tm-modern-intro .service-grid article,.member-landing .pricing-grid article,.tm-modern-intro .pricing-grid article{border:1px solid rgba(92,151,198,.21)!important;background:linear-gradient(145deg,rgba(13,32,49,.84),rgba(6,17,28,.92))!important;border-radius:25px!important;transition:transform .22s ease,border-color .22s ease}
.member-landing .service-grid article:hover,.tm-modern-intro .service-grid article:hover,.member-landing .pricing-grid article:hover,.tm-modern-intro .pricing-grid article:hover{transform:translateY(-5px);border-color:rgba(99,170,240,.42)!important}
.member-landing .trust-section,.tm-modern-intro .trust-section{border-color:rgba(99,170,240,.22)!important;border-radius:29px!important;background:linear-gradient(135deg,rgba(13,34,53,.86),rgba(10,20,35,.9))!important}
.member-landing .contact,.tm-modern-intro .contact{border-color:rgba(99,170,240,.25)!important;border-radius:29px!important;background:linear-gradient(135deg,rgba(17,43,65,.88),rgba(27,27,53,.9))!important}
/* responsive */
@media(max-width:900px){.tm-modern-member .st-topbar{margin:8px 10px 0!important}.tm-modern-buyer .buyer-top{margin:8px 9px 0!important}.tm-modern-buyer .buyer-main{padding:22px 14px!important}.tm-modern-buyer .page-head h1{font-size:34px!important}.member-landing .service-grid,.tm-modern-intro .service-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){
  body.tm-modern-member:before,body.tm-modern-buyer:before,body.member-landing:before,body.tm-modern-intro:before{opacity:.12}
  body.tm-modern-member:after,body.tm-modern-buyer:after,body.member-landing:after,body.tm-modern-intro:after{opacity:.5}
  .tm-modern-buyer .buyer-top{height:66px!important;border-radius:18px!important}.tm-modern-buyer .buyer-shell{min-height:calc(100vh - 74px)!important}.tm-modern-buyer .buyer-side{margin:7px!important}.tm-modern-buyer .page-head h1{font-size:30px!important}.tm-modern-buyer .grid-stats{gap:9px!important}.tm-modern-buyer .stat{min-height:130px!important;border-radius:20px!important}.tm-modern-buyer .panel{border-radius:22px!important}.tm-modern-buyer .service-grid{grid-template-columns:1fr!important}.tm-modern-member .home-2x2 .dash-stat{border-radius:21px!important}.member-landing .service-grid,.tm-modern-intro .service-grid{grid-template-columns:1fr!important}.member-landing .hero,.tm-modern-intro .hero{padding-top:48px!important}.member-landing .hero-actions{grid-template-columns:1fr!important}.member-landing .dashboard-preview,.tm-modern-intro .dashboard-preview{transform:none}
}
@media(prefers-reduced-motion:reduce){body.tm-modern-member:before,body.tm-modern-member:after,body.tm-modern-buyer:before,body.tm-modern-buyer:after,body.member-landing:before,body.member-landing:after,body.tm-modern-intro:before,body.tm-modern-intro:after{animation:none!important}.tm-modern-member .card:before,.tm-modern-member .card:after,.tm-modern-buyer .panel:before,.tm-modern-buyer .panel:after{animation:none!important}}

/* V121 performance + compact Member navigation */
.tm-modern-member .compact-member-sidebar{width:232px!important}
.tm-modern-member .compact-member-sidebar .st-side-user{padding:16px 14px 10px!important}
.tm-modern-member .compact-member-sidebar .st-side-label{margin:8px 14px 5px!important;font-size:10px!important}
.tm-modern-member .compact-member-sidebar .ct-link{min-height:38px!important;padding:8px 10px!important;margin:2px 6px!important;border-radius:12px!important;font-size:13px!important}
.tm-modern-member .compact-member-sidebar .nav-icon{width:18px!important;height:18px!important}
.tm-modern-member .compact-member-sidebar .st-side-bottom{padding:8px 8px 12px!important;gap:5px!important}
.tm-modern-member .compact-member-sidebar .ct-contact-secondary{opacity:.82}
@media(max-width:900px){.tm-modern-member .compact-member-sidebar{width:248px!important}}

/* V122 phone performance: one atmosphere layer only. */
@media(max-width:620px){
  body.tm-modern-member:before,body.tm-modern-buyer:before,body.member-landing:before,body.tm-modern-intro:before{opacity:.08!important;animation-duration:22s!important}
  body.tm-modern-member:after,body.tm-modern-buyer:after,body.member-landing:after,body.tm-modern-intro:after{opacity:.28!important;animation-duration:20s!important}
  .tm-modern-member .card:before,.tm-modern-member .panel:before,.tm-modern-member .dash-stat:before,.tm-modern-member .member-task-panel:before,.tm-modern-member .member-chart-card:before,.tm-modern-member .member-notifications:before,.tm-modern-member .withdraw-balance-card:before,.tm-modern-buyer .panel:before,.tm-modern-buyer .stat:before,.tm-modern-buyer .service:before,.tm-modern-buyer .order:before,.tm-modern-buyer .payment-box:before{opacity:.35!important}
  .tm-modern-member .st-topbar,.tm-modern-member .ct-sidebar,.tm-modern-buyer .buyer-top,.member-landing .site-header,.tm-modern-intro header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .tm-modern-member .home-2x2 .dash-stat:hover{transform:none!important}
}
@media(prefers-reduced-motion:reduce){body.tm-modern-member:before,body.tm-modern-member:after,body.tm-modern-buyer:before,body.tm-modern-buyer:after,body.member-landing:before,body.member-landing:after,body.tm-modern-intro:before,body.tm-modern-intro:after{animation:none!important}}