.sidebar{width:280px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);backdrop-filter:blur(25px);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;flex-shrink:0;position:relative;overflow:hidden;z-index:10;min-height:0;box-shadow:inset 0 1px #ffd7001a,0 0 50px #ffd7000d}.sidebar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);animation:luxurySidebarShimmer 3s ease-in-out infinite;z-index:1;pointer-events:none}@keyframes luxurySidebarShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(255,215,0,.3) 50%,transparent 100%);z-index:1;pointer-events:none}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-track{background:var(--bg-surface);border-radius:3px}.sidebar nav::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px;transition:background .3s ease}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#ffd70080}.sidebar nav{scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.3) rgba(255,255,255,.05)}.luxury-logo{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-secondary) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 30px #ffd7004d,0 0 0 1px #ffd70033;position:relative}.luxury-search{background:var(--border-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:12px 16px 12px 44px;color:var(--text-primary);font-size:14px;width:100%;transition:all .3s ease}.luxury-search:focus{outline:none;border-color:#ffd70080;background:var(--border-secondary);box-shadow:0 0 0 3px #ffd7001a}.luxury-search::placeholder{color:var(--text-tertiary)}.sidebar-item{display:flex!important;align-items:center!important;padding:12px 20px!important;margin:4px 16px!important;border-radius:12px!important;color:var(--text-secondary)!important;text-decoration:none!important;font-size:14px!important;font-weight:500!important;transition:all .3s ease!important;position:relative!important;overflow:hidden!important}.sidebar-item:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.sidebar-item:hover:before{transform:translate(100%)}.sidebar-item:hover{background:var(--border-primary)!important;color:var(--lx-gold-text)!important;text-decoration:none!important;transform:translate(4px)!important}.sidebar-item.active{background:linear-gradient(135deg,#ffd70033,#ffd7001a)!important;color:var(--lx-gold-text)!important;border:1px solid rgba(255,215,0,.3)!important;box-shadow:0 4px 15px #ffd70033!important}.sidebar-item svg{width:18px!important;height:18px!important;margin-right:14px;flex-shrink:0}.luxury-section-title{font-size:16px!important;font-weight:700!important;color:var(--text-primary)!important;text-transform:uppercase!important;letter-spacing:.1em!important;margin-bottom:16px!important;margin-top:32px!important;position:relative!important}.luxury-section-title:after{content:""!important;position:absolute!important;bottom:-4px!important;left:0!important;width:40px!important;height:2px!important;background:linear-gradient(90deg,var(--gold-primary) 0%,transparent 100%)!important;border-radius:1px!important;display:block!important;z-index:10!important}.luxury-user-section{padding:20px;border-top:1px solid var(--border-primary);background:linear-gradient(135deg,var(--border-secondary) 0%,transparent 100%);position:relative}.luxury-user-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.3) 50%,transparent 100%)}.luxury-user-info{display:flex;align-items:center;gap:12px}.luxury-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,215,0,.3);flex-shrink:0;box-shadow:0 4px 15px #0003}.luxury-avatar img{width:100%;height:100%;object-fit:cover}.luxury-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-secondary) 100%);display:flex;align-items:center;justify-content:center;color:#000;font-weight:600;font-size:16px}.luxury-user-menu{position:absolute;bottom:100%;left:20px;right:20px;margin-bottom:8px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:16px;padding:8px;box-shadow:var(--shadow-elevated);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:9999}.luxury-user-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.luxury-user-menu-item{display:flex;align-items:center;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:12px;transition:all .3s ease;font-size:14px;font-weight:500;width:100%;border:none;background:none;cursor:pointer;text-align:left}.luxury-user-menu-item:hover{background:var(--border-primary);color:var(--lx-gold-text);transform:translate(4px)}.luxury-auth-buttons{display:flex;flex-direction:column;gap:12px}.luxury-auth-btn{padding:12px 20px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.luxury-auth-btn-primary{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-secondary) 100%);color:#000;border:none;box-shadow:0 8px 25px #ffd7004d}.luxury-auth-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ffd70066;color:#000}.luxury-auth-btn-secondary{background:var(--border-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.luxury-auth-btn-secondary:hover{background:var(--border-primary);color:var(--text-primary);transform:translateY(-2px)}@media (min-width: 769px){.sidebar{position:absolute!important;top:0;bottom:0;left:0;width:64px!important;z-index:50;transition:width .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease}.sidebar:hover,.sidebar.is-pinned{width:280px!important}.sidebar:hover:not(.is-pinned){box-shadow:0 0 40px #000000b3}.sidebar:not(:hover):not(.is-pinned) .sidebar-item-label,.sidebar:not(:hover):not(.is-pinned) .sidebar-logo-text,.sidebar:not(:hover):not(.is-pinned) .sidebar-user-text,.sidebar:not(:hover):not(.is-pinned) #toggleUserMenuBtn,.sidebar:not(:hover):not(.is-pinned) .luxury-auth-buttons{display:none!important}@keyframes sidebarFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.sidebar:hover:not(.is-pinned) .sidebar-item-label,.sidebar:hover:not(.is-pinned) .sidebar-logo-text,.sidebar:hover:not(.is-pinned) .sidebar-user-text,.sidebar:hover:not(.is-pinned) #toggleUserMenuBtn,.sidebar:hover:not(.is-pinned) .luxury-auth-buttons,.sidebar:hover:not(.is-pinned) .sidebar-pin-btn{animation:sidebarFadeIn .3s ease .48s both}@keyframes sidebarIconReveal{0%{opacity:1}13%{opacity:0}60%{opacity:0}to{opacity:1}}.sidebar:hover:not(.is-pinned) .sidebar-item svg,.sidebar:hover:not(.is-pinned) .luxury-logo,.sidebar:hover:not(.is-pinned) .luxury-avatar{animation:sidebarIconReveal .78s ease forwards}.sidebar:not(:hover):not(.is-pinned) .luxury-section-title{height:1px!important;padding:0!important;margin:16px 14px 8px!important;background:linear-gradient(90deg,#ffd70073,#ffd70000)!important;color:transparent!important;opacity:.7!important;overflow:hidden!important;border-radius:1px;transition:height .45s ease,margin .45s ease,padding .45s ease,background .3s ease,color .3s ease,opacity .3s ease!important}.sidebar:hover .luxury-section-title,.sidebar.is-pinned .luxury-section-title{height:auto!important;margin:32px 0 16px!important;padding:0!important;background:transparent!important;color:var(--text-primary)!important;opacity:1!important;transition:color .3s ease .48s,background .3s ease .48s,opacity .3s ease .48s,height .45s ease,margin .45s ease,padding .45s ease!important}.sidebar:not(:hover):not(.is-pinned) .sidebar-logo-section{padding:12px 8px!important}.sidebar:not(:hover):not(.is-pinned) .sidebar-logo-section a{justify-content:center!important}.sidebar:not(:hover):not(.is-pinned) .sidebar-logo-section .luxury-logo{width:40px!important;height:40px!important;margin-right:0!important}.sidebar:not(:hover):not(.is-pinned) nav>div,.sidebar:not(:hover):not(.is-pinned) nav>div>div[style*=padding]{padding:0!important}.sidebar:not(:hover):not(.is-pinned) .sidebar-item{margin:4px 8px!important;padding:12px 0!important;justify-content:center!important}.sidebar:not(:hover):not(.is-pinned) .sidebar-item svg{margin-right:0!important}.sidebar:not(:hover):not(.is-pinned) .luxury-user-section{justify-content:center!important;padding:12px 8px!important}.sidebar:not(:hover):not(.is-pinned) .luxury-user-info{justify-content:center!important}.sidebar-pin-btn{position:absolute;top:14px;right:12px;width:28px;height:28px;border-radius:6px;background:transparent;border:1px solid rgba(255,215,0,.3);color:var(--lx-gold-text);cursor:pointer;display:none;align-items:center;justify-content:center;z-index:100;transition:background .15s,border-color .15s,opacity .15s;padding:0;opacity:0}.sidebar:hover .sidebar-pin-btn,.sidebar.is-pinned .sidebar-pin-btn{display:flex;opacity:1}.sidebar-pin-btn:hover{background:#ffd70026;border-color:#ffd70099}.sidebar.is-pinned .sidebar-pin-btn{background:#ffd70038;border-color:#ffd700b3}.main-container,.board-container{padding-left:64px!important;transition:padding-left .25s ease}.main-container:has(.sidebar.is-pinned),.board-container:has(.sidebar.is-pinned){padding-left:280px!important}}@media (max-width: 768px){.sidebar-pin-btn{display:none!important}}@media (min-width: 769px) and (pointer: coarse){.sidebar-pin-btn{width:44px!important;height:44px!important;padding:10px!important}}@media (max-height: 600px){.sidebar{min-height:100dvh}.sidebar nav{padding:10px 0}.sidebar-item{padding:8px 16px;margin:2px 12px;font-size:13px}.sidebar-item svg{width:16px!important;height:16px!important;margin-right:10px}.luxury-section-title{font-size:14px;padding:8px 20px 4px;margin-bottom:8px}}@media (max-width: 768px){.sidebar{position:fixed;top:calc(56px + var(--safe-area-top));left:0;bottom:0;width:280px;z-index:1000;padding-bottom:var(--safe-area-bottom);transform:translate(-100%);transition:transform .3s ease}.sidebar.is-open{transform:translate(0)}}.sidebar-item:focus{outline:2px solid rgba(255,215,0,.5);outline-offset:2px}.luxury-account-container .sidebar-item,.luxury-account-container aside .sidebar-item,.luxury-account-container .sidebar .sidebar-item,.luxury-account-container nav .sidebar-item,.luxury-account-container div .sidebar-item,body .sidebar-item,html .sidebar-item,a.sidebar-item{color:var(--text-secondary)!important;font-weight:500!important;opacity:1!important;filter:none!important;-webkit-filter:none!important}.luxury-account-container .sidebar-item:hover,.luxury-account-container aside .sidebar-item:hover,.luxury-account-container .sidebar .sidebar-item:hover,.luxury-account-container nav .sidebar-item:hover,.luxury-account-container div .sidebar-item:hover,body .sidebar-item:hover,html .sidebar-item:hover,a.sidebar-item:hover{color:var(--lx-gold-text)!important;opacity:1!important;filter:none!important;-webkit-filter:none!important}.luxury-account-container .sidebar-item.active,.luxury-account-container aside .sidebar-item.active,.luxury-account-container .sidebar .sidebar-item.active,.luxury-account-container nav .sidebar-item.active,.luxury-account-container div .sidebar-item.active,body .sidebar-item.active,html .sidebar-item.active,a.sidebar-item.active{color:var(--lx-gold-text)!important;opacity:1!important;filter:none!important;-webkit-filter:none!important}.luxury-account-container .luxury-section-title,.luxury-account-container aside .luxury-section-title,.luxury-account-container .sidebar .luxury-section-title,.luxury-account-container nav .luxury-section-title,.luxury-account-container div .luxury-section-title,body .luxury-section-title,html .luxury-section-title,.luxury-section-title{color:var(--text-primary)!important;font-size:16px!important;font-weight:700!important;opacity:1!important;filter:none!important;-webkit-filter:none!important;position:relative!important}.luxury-account-container .luxury-settings-main .luxury-section-title{font-size:24pt!important;margin:0 0 16px!important;padding-bottom:8px!important}.luxury-account-container .luxury-settings-main .luxury-card{padding-top:16px!important;margin-top:0!important;animation:none!important}.luxury-account-container .luxury-settings-main .luxury-card-header{margin-top:0!important;margin-bottom:12px!important;padding-top:0!important}.luxury-account-container .luxury-settings-main .luxury-card-title,.luxury-account-container .luxury-settings-main .luxury-grid-row{margin-top:0!important}.luxury-account-container .luxury-settings-main .luxury-grid-item{margin-top:0!important;padding-top:0!important}.luxury-account-container .luxury-settings-main .luxury-status-container{padding-top:0!important;margin-top:0!important}.luxury-account-container .luxury-settings-main .luxury-ai-section{margin-top:0!important}.luxury-account-container .luxury-settings-main .luxury-ai-header{margin-bottom:12px!important}@media (max-width: 640px){.luxury-account-container .luxury-settings-main .luxury-section-title{font-size:18pt!important;margin-bottom:10px!important;padding-bottom:6px!important}}.luxury-account-container .luxury-section-title:after,.luxury-account-container aside .luxury-section-title:after,.luxury-account-container .sidebar .luxury-section-title:after,.luxury-account-container nav .luxury-section-title:after,.luxury-account-container div .luxury-section-title:after,.content-area .luxury-section-title:after,body .luxury-section-title:after,html .luxury-section-title:after,.luxury-section-title:after{content:""!important;position:absolute!important;bottom:-4px!important;left:0!important;width:40px!important;height:2px!important;background:linear-gradient(90deg,var(--gold-primary) 0%,transparent 100%)!important;border-radius:1px!important;display:block!important;z-index:9999!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;transform:none!important;clip:none!important;overflow:visible!important}.luxury-user-menu-item:focus{outline:2px solid rgba(255,215,0,.5);outline-offset:2px}@media (prefers-contrast: high){.sidebar{border-right:2px solid var(--border-primary)}.sidebar-item,.luxury-section-title{color:var(--text-primary)}}@media (prefers-reduced-motion: reduce){.sidebar:before,.sidebar-item:before,.sidebar-item,.luxury-user-menu{animation:none;transition:none}}.sidebar-premium-edition{color:#ffd700cc;font-size:12px;margin:0;font-weight:500}.sidebar-rank-name{color:var(--rank-color);font-size:11px;font-weight:600;white-space:nowrap}[data-theme=light] .sidebar-premium-edition{color:#b45309d9}[data-theme=light] .sidebar-rank-name{color:color-mix(in srgb,var(--rank-color) 55%,#1a1a2e)}[data-theme=light] .sidebar{box-shadow:inset 0 1px #b453091a,0 0 50px #b4530908}[data-theme=light] .sidebar:before{background:linear-gradient(90deg,transparent,rgba(180,83,9,.06),transparent)}[data-theme=light] .sidebar:after{background:linear-gradient(180deg,transparent 0%,rgba(180,83,9,.2) 50%,transparent 100%)}[data-theme=light] .sidebar nav::-webkit-scrollbar-track{background:#00000008}[data-theme=light] .sidebar nav::-webkit-scrollbar-thumb{background:#b4530940}[data-theme=light] .sidebar nav::-webkit-scrollbar-thumb:hover{background:#b4530966}[data-theme=light] .sidebar nav{scrollbar-color:rgba(180,83,9,.25) rgba(0,0,0,.03)}[data-theme=light] .sidebar-item.active{background:linear-gradient(135deg,#b453091f,#b453090f)!important;border:1px solid rgba(180,83,9,.25)!important;box-shadow:0 4px 15px #b453091a!important}[data-theme=light] .sidebar-item:before{background:linear-gradient(45deg,transparent 30%,rgba(0,0,0,.04) 50%,transparent 70%)}[data-theme=light] .luxury-logo{box-shadow:0 15px 30px #b4530926,0 0 0 1px #b4530926}[data-theme=light] .luxury-search:focus{border-color:#b4530966;box-shadow:0 0 0 3px #b4530914}[data-theme=light] .luxury-avatar{border:2px solid rgba(180,83,9,.25);box-shadow:0 4px 15px #00000014}[data-theme=light] .luxury-user-section:before{background:linear-gradient(90deg,transparent 0%,rgba(180,83,9,.2) 50%,transparent 100%)}[data-theme=light] .sidebar-item:focus{outline:2px solid rgba(180,83,9,.4)}[data-theme=light] .luxury-auth-btn-primary{box-shadow:0 8px 25px #b4530933}[data-theme=light] .luxury-auth-btn-primary:hover{box-shadow:0 12px 35px #b453094d}[data-theme=wood] .sidebar-premium-edition{color:var(--lx-gold-text)}[data-theme=wood] .sidebar-rank-name{color:color-mix(in srgb,var(--rank-color) 85%,#e8dcc8)}[data-theme=wood] .sidebar{background-image:var(--wood-grain-sidebar);box-shadow:inset 0 1px #c8956a1a,0 0 50px #c8956a08}[data-theme=wood] .sidebar:before{background:linear-gradient(90deg,transparent,rgba(200,149,106,.06),transparent)}[data-theme=wood] .sidebar:after{background:linear-gradient(180deg,transparent 0%,rgba(200,149,106,.2) 50%,transparent 100%)}[data-theme=wood] .sidebar nav::-webkit-scrollbar-track{background:#c8956a08}[data-theme=wood] .sidebar nav::-webkit-scrollbar-thumb{background:#c8956a40}[data-theme=wood] .sidebar nav::-webkit-scrollbar-thumb:hover{background:#c8956a66}[data-theme=wood] .sidebar nav{scrollbar-color:rgba(200,149,106,.25) rgba(200,149,106,.03)}[data-theme=wood] .sidebar-item.active{background:linear-gradient(135deg,#c8956a1f,#c8956a0f)!important;border:1px solid rgba(200,149,106,.25)!important;box-shadow:0 4px 15px #c8956a1a!important}[data-theme=wood] .sidebar-item:before{background:linear-gradient(45deg,transparent 30%,rgba(200,149,106,.04) 50%,transparent 70%)}[data-theme=wood] .luxury-logo{box-shadow:0 15px 30px #c8956a26,0 0 0 1px #c8956a26}[data-theme=wood] .luxury-search:focus{border-color:#c8956a66;box-shadow:0 0 0 3px #c8956a14}[data-theme=wood] .luxury-avatar{border:2px solid rgba(200,149,106,.25);box-shadow:0 4px 15px #140c064d}[data-theme=wood] .luxury-user-section:before{background:linear-gradient(90deg,transparent 0%,rgba(200,149,106,.2) 50%,transparent 100%)}[data-theme=wood] .sidebar-item{border-bottom:1px solid transparent;border-image:var(--wood-divider-gradient) 1}[data-theme=wood] .sidebar-item:focus{outline:2px solid rgba(200,149,106,.4)}[data-theme=wood] .luxury-auth-btn-primary{box-shadow:0 8px 25px #c8956a33}[data-theme=wood] .luxury-auth-btn-primary:hover{box-shadow:0 12px 35px #c8956a4d}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:1;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:flex;align-items:center;justify-content:center;pointer-events:none}.notification-menu-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:700;line-height:1;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;margin-left:auto}html[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border-primary)}html[dir=rtl] .sidebar-item svg{margin-right:0;margin-left:14px}html[dir=rtl] .sidebar-item:hover{transform:translate(-4px)!important}html[dir=rtl] .notification-menu-badge{margin-left:0;margin-right:auto}[data-theme=light] .sidebar-pin-btn{border-color:#b4530959!important;color:#b45309!important}[data-theme=light] .sidebar-pin-btn:hover{background:#b453091a!important;border-color:#b4530999!important}[data-theme=light] .sidebar.is-pinned .sidebar-pin-btn{background:#b453092e!important;border-color:#b45309b3!important}[data-theme=light] .sidebar:not(:hover):not(.is-pinned) .luxury-section-title{background:linear-gradient(90deg,#b4530966,#b4530900)!important}[data-theme=wood] .sidebar-pin-btn{border-color:#c8956a66!important;color:#c8956a!important}[data-theme=wood] .sidebar-pin-btn:hover{background:#c8956a26!important;border-color:#c8956a99!important}[data-theme=wood] .sidebar.is-pinned .sidebar-pin-btn{background:#c8956a38!important;border-color:#c8956ab3!important}[data-theme=wood] .sidebar:not(:hover):not(.is-pinned) .luxury-section-title{background:linear-gradient(90deg,#c8956a80,#c8956a00)!important}[data-theme=light] .luxury-search{background:#fff;border-color:#0003}[data-theme=light] .luxury-search:focus{background:#fff}
