.sidebar{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:16px;max-height:600px;padding:20px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #00000014}.sidebar.collapsed{max-height:80px}.sidebar-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.sidebar-header h3{color:#1e293b;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.25rem;font-weight:700}.toggle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .3s;display:flex}.toggle-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea4d}.categories-list{flex-direction:column;gap:12px;max-height:400px;margin-bottom:20px;padding-right:8px;display:flex;overflow-y:auto}.categories-list::-webkit-scrollbar{width:6px}.categories-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.categories-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px}.categories-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%)}.category-item{align-items:center;display:flex}.category-button{color:#475569;cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1.5px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;font-family:Segoe UI,system-ui,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.category-button:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.category-button:hover:before{left:100%}.category-button:hover{color:#334155;background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);border-color:#667eea;transform:translateY(-2px);box-shadow:0 6px 20px #667eea26}.category-button.followed{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.category-button.followed:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);transform:translateY(-2px);box-shadow:0 6px 20px #667eea40}.category-text{text-align:left;letter-spacing:-.01em;flex:1;font-weight:600}.follow-icon{color:#10b981;filter:drop-shadow(0 2px 4px #10b9814d);margin-left:10px;font-size:1.1rem}.follow-placeholder{opacity:0;width:16px;height:16px;margin-left:10px}.sidebar-footer{text-align:center;border-top:2px solid #f1f5f9;padding-top:16px}.sidebar-footer p{color:#64748b;margin:0;font-size:.9rem;font-weight:600}@media (width<=768px){.sidebar{border-radius:12px;margin:8px;padding:16px}.sidebar-header h3{font-size:1.1rem}.category-button{padding:12px 16px;font-size:.9rem}.categories-list{max-height:300px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.categories-list{animation:.3s ease-out slideDown}.category-button:active{transform:scale(.98)}