/* 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}
/* ambient rain + distant glow */
body.tm-modern-member,body.tm-modern-buyer,body.member-landing,body.tm-modern-intro{
  background:
    radial-gradient(900px 500px at 82% -10%,rgba(51,139,218,.18),transparent 62%),
    radial-gradient(720px 520px at -10% 28%,rgba(119,82,220,.11),transparent 64%),
    linear-gradient(145deg,#020811 0%,#061422 45%,#030914 100%)!important;
}
body.tm-modern-member:before,body.tm-modern-buyer:before,body.member-landing:before,body.tm-modern-intro:before{
  content:"";position:fixed;inset:-20%;pointer-events:none;z-index:18;opacity:.22;mix-blend-mode:screen;
  background-image:repeating-linear-gradient(108deg,transparent 0 22px,rgba(156,211,255,.18) 23px,transparent 24px 82px),repeating-linear-gradient(104deg,transparent 0 61px,rgba(255,255,255,.09) 62px,transparent 63px 133px);
  background-size:180px 180px,260px 260px;animation:tmRain 2.7s linear infinite;
}
/* meteor field */
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:.8;
  background:
    linear-gradient(130deg,transparent 0 48%,rgba(130,205,255,.0) 48.5%,rgba(160,225,255,.9) 49%,transparent 49.4%) 18% -12%/360px 520px no-repeat,
    linear-gradient(130deg,transparent 0 48%,rgba(155,211,255,.0) 48.5%,rgba(155,211,255,.75) 49%,transparent 49.4%) 73% -30%/470px 650px no-repeat,
    linear-gradient(130deg,transparent 0 48%,rgba(255,255,255,0) 48.5%,rgba(192,224,255,.62) 49%,transparent 49.4%) 42% -60%/560px 720px no-repeat;
  animation:tmMeteor 11s linear infinite;
}
@keyframes tmRain{from{background-position:0 0,0 0}to{background-position:180px 180px,260px 260px}}
@keyframes tmMeteor{0%,65%{background-position:18% -12%,73% -30%,42% -60%;opacity:0}69%{opacity:.75}78%{background-position:65% 95%,12% 85%,88% 80%;opacity:.9}83%,100%{background-position:90% 140%,40% 125%,110% 120%;opacity:0}}
/* every major panel gets a subtle liquid sweep */
.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;overflow:hidden;isolation:isolate;box-shadow:var(--tm-shadow),inset 0 1px 0 rgba(255,255,255,.045)!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,
.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:-25%;right:-25%;bottom:-65%;height:105%;z-index:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 18%,rgba(38,216,179,.06) 38%,rgba(91,166,255,.18) 50%,rgba(157,113,255,.06) 63%,transparent 82%);
  filter:blur(20px);transform:translateX(-20%) rotate(-4deg);animation:tmLiquid 8s ease-in-out infinite;
}
.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{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.13;
  background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(115,190,255,.65) 0 .8px,transparent 1.3px);
  background-size:103px 127px,177px 191px;animation:tmStars 17s linear infinite;
}
.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}
@keyframes tmLiquid{0%,100%{transform:translateX(-22%) rotate(-4deg);opacity:.6}50%{transform:translateX(22%) rotate(3deg);opacity:1}}
@keyframes tmStars{to{background-position:103px 150px,-120px 190px}}
/* 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:blur(20px)!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:blur(22px)!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:blur(22px)!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}}

/* Lighter atmosphere on phones: preserve rain/snow/meteor feel without expensive blur layers. */
@media(max-width:620px){
  body.tm-modern-member:before{opacity:.065!important;background-size:230px 230px,330px 330px!important;animation-duration:5.5s!important}
  body.tm-modern-member:after{opacity:.34!important;animation-duration:18s!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{animation-duration:13s!important;filter:blur(10px)!important;opacity:.45!important}
  .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{animation-duration:28s!important;opacity:.055!important}
  .tm-modern-member .st-topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .tm-modern-member .ct-sidebar{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){.tm-modern-member .ct-link,.tm-modern-member .home-2x2 .dash-stat{transition:none!important}}