.side-menu{display:flex;flex-direction:column;height:100%;background-color:var(--bg-color);overflow:hidden}.side-menu-profile{display:flex;flex-direction:row;align-items:center;gap:12px;padding:var(--spacing-large) var(--spacing-large) var(--spacing-medium);flex-shrink:0}.side-menu-profile.clickable{cursor:pointer;transition:background-color .15s ease;border-radius:0}.side-menu-profile.clickable:hover{background-color:var(--bg-hover)}.side-menu-avatar{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--accent-color);color:#fff;font-size:20px;font-weight:600;overflow:hidden}.side-menu-avatar span{color:#fff;line-height:1}.side-menu-avatar svg{width:26px;height:26px;fill:#fff}.side-menu-profile-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.side-menu-user-name{font-size:15px;font-weight:600;color:var(--text-color);line-height:1.3;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.side-menu-user-status{font-size:12px;color:var(--text-color-secondary);line-height:1.2}.side-menu-profile-chevron{width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;opacity:.5}.side-menu-profile-chevron svg{width:100%;height:100%;fill:var(--text-color-secondary)}.side-menu-decode-count{font-size:12px;font-weight:600;color:#059669;padding:5px 12px;border-radius:99px;background:#10b9811a;width:fit-content;margin:0 var(--spacing-large) var(--spacing-small);transition:background .2s ease}.side-menu-decode-count.decode-count-empty{color:#d97706;background:#f59e0b1a;cursor:pointer}.side-menu-decode-count.decode-count-empty:hover{background:#f59e0b33}.side-menu-signin-cta{margin:0 var(--spacing-large) var(--spacing-small);padding:10px 16px;border-radius:10px;background-color:var(--accent-color);color:#fff;font-size:14px;font-weight:600;text-align:center;cursor:pointer;transition:background-color .15s ease}.side-menu-signin-cta:hover{background-color:var(--accent-color-hover)}.side-menu-scroll{display:flex;flex-direction:column;flex:1 1 auto;overflow-y:auto;padding-top:var(--spacing-small)}.side-menu-section{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-small) 0}.side-menu-section+.side-menu-section{border-top:1px solid var(--border-color)}.side-menu-section-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-color-secondary);padding:6px 20px;margin:0 12px;opacity:.75}.side-menu-group{display:flex;flex-direction:column;gap:2px}.side-menu-item{display:flex;flex-direction:row;align-items:center;gap:14px;padding:10px 20px;margin:0 12px;min-height:44px;cursor:pointer;border-radius:12px;transition:background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.side-menu-item:hover{background-color:var(--bg-hover)}.side-menu-item.active{background-color:color-mix(in srgb,var(--accent-color) 12%,transparent)}.side-menu-item.active .side-menu-item-label{font-weight:600;color:var(--accent-color)}.side-menu-item.active .side-menu-item-icon{color:var(--accent-color)}.side-menu-item.danger .side-menu-item-icon,.side-menu-item.danger .side-menu-item-label{color:var(--error-color)}.side-menu-item.danger:hover{background-color:var(--error-bg)}.side-menu-item--parent .side-menu-item-label{flex:1;min-width:0}.side-menu-item--nested{margin-left:48px;margin-right:12px}.side-menu-item-chevron{width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;margin-left:auto;opacity:.55;cursor:pointer}.side-menu-item-chevron svg{width:100%;height:100%;fill:var(--text-color-secondary);transform:rotate(0);transition:transform .22s cubic-bezier(.22,1,.36,1)}.side-menu-group.is-expanded .side-menu-item-chevron svg{transform:rotate(90deg)}.side-menu-subitems{display:flex;flex-direction:column;gap:2px}.side-menu-group:not(.is-expanded) .side-menu-subitems{display:none}.side-menu-item-icon{width:22px;height:22px;min-width:22px;display:flex;align-items:center;justify-content:center;color:var(--text-color-secondary);transition:color .15s ease}.side-menu-item-icon svg{width:100%;height:100%;fill:currentColor}.side-menu-item-label{font-size:15px;color:var(--text-color);transition:color .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-menu-footer{display:flex;flex-direction:column;gap:2px;flex-shrink:0;padding:var(--spacing-small) 0 var(--spacing-medium);border-top:1px solid var(--border-color)}.side-menu-loading{padding:var(--spacing-large);text-align:center;color:var(--text-color-secondary)}@media (max-width: 768px){.side-menu-profile{padding:var(--spacing-medium) var(--spacing-medium) var(--spacing-small)}.side-menu-decode-count,.side-menu-signin-cta{margin-left:var(--spacing-medium);margin-right:var(--spacing-medium)}.side-menu-item{padding:8px 16px;margin:0 8px;min-height:42px}.side-menu-item--nested{margin-left:44px;margin-right:8px}.side-menu-section-label{margin:0 8px}}@media (prefers-color-scheme: dark){:root:not([data-theme]) .side-menu-decode-count{color:#34d399;background:#10b98126}:root:not([data-theme]) .side-menu-decode-count.decode-count-empty{color:#fbbf24;background:#f59e0b26}:root:not([data-theme]) .side-menu-decode-count.decode-count-empty:hover{background:#f59e0b40}}:root[data-theme=dark] .side-menu-decode-count{color:#34d399;background:#10b98126}:root[data-theme=dark] .side-menu-decode-count.decode-count-empty{color:#fbbf24;background:#f59e0b26}:root[data-theme=dark] .side-menu-decode-count.decode-count-empty:hover{background:#f59e0b40}