.sidebar{position:fixed;top:64px;right:-320px;width:320px;height:calc(100vh - 64px);max-height:calc(100vh - 64px);background:white;box-shadow:-2px 0 12px rgba(0,0,0,.1);transition:right .3s ease;z-index:1003;display:flex;flex-direction:column;overflow:hidden;visibility:hidden;opacity:0}.sidebar.open{right:0;visibility:visible;opacity:1}.sidebar-header{padding:24px 20px;background:linear-gradient(135deg,var(--magenta) 0,var(--purple) 100%);color:white;position:relative}.user-avatar{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin-bottom:12px;color:white}.user-info{text-align:right}.user-name{font-size:18px;font-weight:700;margin:0 0 8px;color:white}.user-tokens{display:flex;align-items:center;gap:6px;font-size:14px;color:rgba(255,255,255,.9);justify-content:flex-end;position:relative}.token-count,.token-icon{font-size:16px;transition:all .3s ease}.token-count{font-weight:700;display:inline-block}.token-label{opacity:.9}.user-tokens.token-decrease{animation:tokenDecrease .6s ease-out}.user-tokens.token-decrease .token-count{animation:tokenCountPulse .6s ease-out}.user-tokens.token-decrease .token-icon{animation:tokenIconGlow .6s ease-out}@keyframes tokenDecrease{0%{transform:scale(1);opacity:1}30%{transform:scale(.96);opacity:.9}60%{transform:scale(1.02);opacity:1}to{transform:scale(1);opacity:1}}@keyframes tokenCountPulse{0%{color:rgba(255,255,255,.9);transform:scale(1)}25%{color:rgba(255,180,180,1);transform:scale(1.12)}50%{color:rgba(255,200,200,1);transform:scale(.92)}75%{color:rgba(255,220,220,1);transform:scale(1.05)}to{color:rgba(255,255,255,.9);transform:scale(1)}}@keyframes tokenIconGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.sidebar-close{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.2);border:none;color:white;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;display:none;align-items:center;justify-content:center;transition:background .3s ease}.sidebar-close:hover{background:rgba(255,255,255,.3)}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto;overflow-x:hidden}.sidebar-item{display:flex;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;color:var(--black);transition:all .3s ease;border-right:3px solid transparent}.sidebar-item.active,.sidebar-item:hover{background:var(--gray-light);border-right-color:var(--magenta)}.sidebar-item.active .sidebar-label{color:var(--magenta);font-weight:700}.sidebar-icon{font-size:24px;width:32px;text-align:center}.sidebar-content{display:flex;flex-direction:column;gap:2px;text-align:right;flex:1}.sidebar-label{font-size:16px;font-weight:600;color:var(--black)}.sidebar-description{font-size:12px;color:var(--gray)}.sidebar-footer{padding:20px;border-top:1px solid #e5e5e5}.back-to-site{display:block;text-align:center;padding:12px;background:var(--gray-light);border-radius:8px;color:var(--black);text-decoration:none;font-weight:600;transition:all .3s ease}.back-to-site:hover{background:var(--magenta);color:white}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:1002;display:none}@media (min-width:1050px){.sidebar{right:0}.sidebar-close,.sidebar-overlay{display:none!important}}@media (max-width:1049px){.sidebar{top:60px;height:calc(100vh - 60px);max-height:calc(100vh - 60px);right:-100%;width:320px}.sidebar.open{right:0}.sidebar-overlay{display:block;top:60px;height:calc(100vh - 60px)}.sidebar-close{display:flex}}@media (max-width:480px){.sidebar{width:100%;max-width:100%;right:-100%}}.sidebar-dropdown{margin-top:4px}.sidebar-dropdown-toggle{cursor:pointer;border:none;background:transparent;width:100%;font-family:inherit;position:relative}.sidebar-dropdown-toggle.active{background:var(--gray-light);border-right-color:var(--magenta)}.sidebar-dropdown-toggle.active .sidebar-label{color:var(--magenta);font-weight:700}.sidebar-dropdown-toggle .dropdown-arrow{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--gray);transition:transform .3s ease}.sidebar-dropdown-toggle .dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)}.sidebar-dropdown-toggle:hover .dropdown-arrow{color:var(--magenta)}.sidebar-dropdown-menu{background:rgba(255,0,128,.03);padding:8px 0;margin-top:4px;animation:slideDown .3s ease;max-height:500px;overflow-y:auto;scroll-behavior:smooth}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.sidebar-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 20px 12px 40px;text-decoration:none;color:var(--black);transition:all .3s ease;border-right:3px solid transparent;font-size:14px}.sidebar-dropdown-item.active,.sidebar-dropdown-item:hover{background:rgba(255,0,128,.08);border-right-color:var(--magenta)}.sidebar-dropdown-item.active .sidebar-label{color:var(--magenta);font-weight:700}.sidebar-dropdown-item .sidebar-icon{font-size:20px;width:24px}.sidebar-dropdown-item .sidebar-label{font-size:14px;font-weight:500;color:var(--black)}