
.sidebar{background:linear-gradient(180deg,#1b1d21 0%,#17191c 60%,#141619 100%);border-right:1px solid #34373c;box-shadow:inset -1px 0 rgba(255,255,255,.02)}
.sidebar::before{content:"";height:2px;position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,transparent 0%,#ffeb47 32%,#ffeb47 75%,transparent);opacity:.75;pointer-events:none}
.sidebar .brand-logo{position:relative;isolation:isolate;transition:filter .25s ease}
.sidebar .brand-logo:hover{filter:drop-shadow(0 0 11px rgba(255,235,71,.23))}
.sidebar .brand-logo::after{content:"";position:absolute;left:23px;right:24px;bottom:8px;height:1px;background:linear-gradient(90deg,rgba(255,235,71,.3),transparent)}
.sidebar .sidebar-scroll{padding:13px 12px 20px;scrollbar-width:thin;scrollbar-color:#414348 transparent}
.sidebar .side-label{display:flex;align-items:center;gap:9px;padding:12px 12px 11px;color:#8e929c;font-size:9px;font-weight:900;letter-spacing:1.6px}
.sidebar .side-label i{height:1px;flex:1;background:linear-gradient(90deg,#494d52,transparent)}
.sidebar .side-label-gap{margin-top:22px}
.sidebar .main-nav{gap:5px}
.sidebar .nav-item{position:relative;isolation:isolate;min-height:43px;overflow:hidden;border:1px solid transparent;border-radius:11px;padding:10px 11px;color:#c9cbd1;transition:background .22s,border-color .22s,color .22s,transform .22s;will-change:transform}
.sidebar .nav-item::before{content:"";position:absolute;left:0;top:50%;height:0;width:3px;background:#ffeb47;border-radius:0 4px 4px 0;transform:translateY(-50%);transition:height .2s ease}
.sidebar .nav-item:not(.active):hover{background:#282b30;border-color:#42464d;color:#fff;transform:translateX(3px)}
.sidebar .nav-item:not(.active):hover::before{height:58%}
.sidebar .nav-item.active{background:#ffeb47;color:#101114;border-color:#ffeb47;box-shadow:3px 4px 0 #08090a, inset 0 1px rgba(255,255,255,.3)}
.sidebar .nav-item.active::before{width:4px;background:#111;top:25%;height:50%;transform:none}
.sidebar .nav-ico{width:23px;flex:0 0 23px;font-size:19px;transition:transform .23s ease}
.sidebar .nav-item:hover .nav-ico{transform:rotate(-8deg) scale(1.09)}
.sidebar .nav-arrow{margin-left:auto;font-size:13px;opacity:.5;transition:transform .23s ease,opacity .23s ease}
.sidebar .nav-item:hover .nav-arrow{transform:translate(2px,-2px);opacity:1}
.sidebar .secondary-nav{gap:2px}
.sidebar .secondary-nav button{position:relative;border:1px solid transparent;border-radius:10px;min-height:38px;padding:9px 10px;color:#b7bac2;transition:background .18s,border-color .18s,color .18s,transform .18s}
.sidebar .secondary-nav button:hover{background:#25282d;border-color:#414348;color:#ffeb47;transform:translateX(3px)}
.sidebar .secondary-nav button b{background:#ffeb47;color:#111;box-shadow:2px 2px 0 #080808}
.ws-side-club{position:relative;isolation:isolate;overflow:hidden;margin:26px 3px 8px;padding:16px 13px 12px;border:1px solid rgba(255,235,71,.32);border-radius:16px;background:radial-gradient(circle at 95% 7%,rgba(255,235,71,.14),transparent 42%),linear-gradient(150deg,#242522,#16181b 60%,#111315);box-shadow:3px 4px 0 #08090a,inset 0 1px rgba(255,255,255,.07)}
.ws-side-club::before{content:"W";position:absolute;top:15px;right:-12px;font-size:125px;line-height:1;font-weight:1000;color:rgba(255,235,71,.045);pointer-events:none}
.ws-side-club-shine{position:absolute;inset:-60% auto auto -100%;width:75%;height:210%;background:linear-gradient(90deg,transparent,rgba(255,235,71,.075),transparent);transform:rotate(18deg);animation:wsSideSweep 12s ease-in-out infinite;pointer-events:none}
.ws-side-club-label{position:relative;display:flex;align-items:center;gap:7px;color:#aeb0a2;letter-spacing:1px;font-size:8px;font-weight:900}
.ws-side-club-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ffeb47;box-shadow:0 0 0 3px rgba(255,235,71,.12)}
.ws-side-club-title{position:relative;margin:10px 0 7px;color:#fff;font-size:25px;letter-spacing:-1.8px;font-weight:1000;line-height:1}
.ws-side-club-title span,.ws-side-club-title sup{color:#ffeb47}
.ws-side-club-title sup{font-size:11px;vertical-align:top;margin-left:3px}
.ws-side-club p{position:relative;font-size:10px;line-height:1.55;color:#aeb2ba;margin:0 0 12px}
.ws-side-club-cta{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:9px;min-height:37px;padding:0 12px;background:#ffeb47;color:#111;font-weight:900;font-size:10px;cursor:pointer;box-shadow:2px 3px 0 #080808;transition:transform .18s ease,filter .18s ease}
.ws-side-club-cta:hover{transform:translateY(-2px);filter:brightness(1.04)}
.ws-side-guide{position:relative;display:flex;width:100%;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.13);border-radius:9px;margin-top:8px;background:#202228;color:#e1e3e8;padding:10px;font-size:9px;font-weight:850;cursor:pointer;transition:border-color .18s,color .18s}
.ws-side-guide:hover{border-color:#ffeb47;color:#ffeb47}
.sidebar .ws-side-status{height:54px;gap:8px;background:#141619;position:relative;border-top:1px solid #35373c}
.ws-side-status::before{content:"";position:absolute;top:0;left:0;width:35%;height:1px;background:linear-gradient(90deg,#ffeb47,transparent);animation:wsSideStatus 7s ease-in-out infinite alternate}
.ws-side-status-led{width:7px;height:7px;border-radius:50%;background:#ffeb47;box-shadow:0 0 8px rgba(255,235,71,.55);flex:none}
.ws-side-status-copy{display:flex;flex-direction:column;gap:2px;margin-left:0!important;font-size:8px;letter-spacing:1px;color:#9ea2aa}
.ws-side-status-copy b{color:#ffeb47;letter-spacing:.4px;font-size:8px}
.ws-side-status-end{margin-left:auto;color:#838891}
@keyframes wsSideSweep{0%,64%{transform:translateX(0) rotate(18deg)}84%,100%{transform:translateX(390%) rotate(18deg)}}
@keyframes wsSideStatus{to{transform:translateX(175%)}}
@media(prefers-reduced-motion:reduce){.ws-side-club-shine,.ws-side-status::before{animation:none}.sidebar .nav-item,.sidebar .nav-ico,.sidebar .nav-arrow{transition:none}}
