.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);display:flex;flex-direction:column;z-index:100;border-right:1px solid var(--border);transition:width .28s cubic-bezier(.4,0,.2,1);overflow:hidden}[data-theme=light] .sidebar{background:#fdfcff}[data-theme=dark] .sidebar{background:#0d0d0d}.sidebar.collapsed{width:64px;padding:0!important}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 10px 10px;flex-shrink:0;border-bottom:1px solid var(--border);min-height:52px;overflow:visible}.sidebar.collapsed .sidebar-header{padding:0!important;width:64px!important;height:52px!important;display:flex!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important}.sidebar-brand{display:flex;align-items:center;gap:10px;overflow:hidden;min-width:0}.brand-icon{width:26px;height:26px;background:var(--primary);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-icon svg{stroke:#fff}.sidebar.collapsed .sidebar-brand{gap:0!important;width:64px!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.sidebar.collapsed .sidebar-collapse-btn{display:none}.sidebar.collapsed .brand-icon{cursor:pointer;margin:0 auto}.sidebar.collapsed .brand-icon:hover{opacity:.75}.brand-wordmark{display:flex;flex-direction:column;line-height:1.1;transition:opacity .18s ease;white-space:nowrap;overflow:hidden}.brand-name{font-size:13px;font-weight:700;letter-spacing:-.2px;color:var(--text-primary)}.brand-sub{font-size:10px;font-weight:500;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.sidebar.collapsed .brand-wordmark,.sidebar.collapsed .brand-name,.sidebar.collapsed .brand-sub{display:none}.sidebar-collapse-btn{width:26px;height:26px;border:1px solid var(--border);border-radius:3px;background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.sidebar-collapse-btn:hover{background:var(--surface-hover);border-color:var(--border);color:var(--text-primary)}.sidebar-collapse-btn svg{transition:transform .28s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar-nav{flex:1;padding:6px 8px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:0}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}::-webkit-scrollbar-track:hover{background:var(--scrollbar-track-hover)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}.sidebar-nav::-webkit-scrollbar{display:none}.nav-menu{list-style:none;display:flex;flex-direction:column;gap:1px}.nav-menu--bottom{padding-top:6px;border-top:1px solid var(--border);margin-top:6px}.nav-link--group{width:100%;border:none;background:none;cursor:pointer;text-align:left}.nav-chevron{margin-left:auto;flex-shrink:0;color:var(--text-muted);transition:transform .2s ease}.nav-item--group.open .nav-chevron{transform:rotate(180deg)}.nav-item--group.open>.nav-link--group{color:var(--text-primary);font-weight:600}.nav-item--group.open>.nav-link--group .nav-icon{background:#7c70f51f}.nav-item--group.open>.nav-link--group .nav-icon svg{stroke:var(--primary)}.nav-sub{list-style:none;display:none;flex-direction:column;gap:1px;padding:4px 0 4px 12px;margin-top:2px}.nav-item--group.open .nav-sub{display:flex}.nav-sub-item{display:flex;align-items:center;gap:9px;width:100%;padding:5px 10px;border:none;background:none;color:var(--text-secondary);font-size:13px;font-weight:500;border-radius:3px;cursor:pointer;text-align:left;transition:background .12s,color .12s;letter-spacing:-.1px}.nav-sub-item svg{flex-shrink:0;opacity:.7;transition:opacity .13s}.nav-sub-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-sub-item:hover svg{opacity:1}.nav-sub-item.active{background:#7c70f51a;color:var(--primary);font-weight:600}.nav-sub-item.active svg{opacity:1;stroke:var(--primary)}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:10px;padding:7px 10px;color:var(--text-secondary);text-decoration:none;border-radius:3px;transition:background .12s,color .12s;font-size:13.5px;font-weight:500;position:relative;white-space:nowrap;letter-spacing:-.1px}.nav-link:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-link.active{background:var(--surface-hover);color:var(--text-primary);font-weight:600}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:3px;background:transparent;transition:background .12s}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{background:transparent}.nav-link.active .nav-icon svg{stroke:var(--primary)}.nav-icon svg{transition:stroke .15s}.nav-label{opacity:1;transition:opacity .18s ease;font-size:14px}.sidebar.collapsed .sidebar-nav{padding:6px 0!important;width:64px!important;box-sizing:border-box!important;overflow:hidden!important}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-chevron{display:none!important}.sidebar.collapsed .nav-menu,.sidebar.collapsed .nav-item{width:64px!important;box-sizing:border-box!important;padding:0!important;margin:0!important}.sidebar.collapsed .nav-link{width:64px!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:7px 0!important;gap:0!important;box-sizing:border-box!important;border-radius:0!important}.sidebar.collapsed .nav-link .nav-icon{border-radius:8px!important}.sidebar.collapsed .nav-icon{width:28px;height:28px;border-radius:8px;flex-shrink:0}.sidebar.collapsed .nav-link.active .nav-icon{background:#7c70f52e}.sidebar.collapsed .nav-link.active .nav-icon svg{stroke:var(--primary)}.sidebar.collapsed .nav-link:hover .nav-icon{background:var(--surface-hover)}.sidebar.collapsed .nav-sub{display:none!important}.sidebar.collapsed .nav-menu--bottom{border-top:1px solid var(--border)}.sidebar.collapsed .nav-item:after{content:attr(data-label);position:absolute;left:68px;top:50%;transform:translateY(-50%);background:var(--surface);border:1px solid var(--border);color:var(--text-primary);font-size:12px;font-weight:500;padding:5px 10px;border-radius:3px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:200;box-shadow:var(--shadow-md)}.sidebar.collapsed .nav-item:hover:after{opacity:1}.sidebar-footer{padding:6px 8px 10px;border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:8px}.sidebar-user-card{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:3px;transition:background .15s;overflow:hidden;min-width:0}.sidebar-user-card:hover{background:var(--surface-hover)}.sidebar-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:0;text-transform:uppercase}.sidebar-user-info{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden;transition:opacity .18s,max-width .18s}.sidebar-user-email{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.sidebar-sync-row{display:flex;align-items:center;gap:5px}.sync-dot{width:5px;height:5px;border-radius:50%;background:#636366;flex-shrink:0;transition:background .3s,box-shadow .3s}.sync-label{font-size:10px;color:var(--text-muted);white-space:nowrap;transition:color .3s}.sidebar-footer.connected .sync-dot{background:#32d74b}.sidebar-footer.connected .sync-label{color:var(--text-secondary)}.sidebar-footer-row{display:flex;align-items:center;gap:4px;padding:0 2px;overflow:hidden}.sidebar-icon-btn{flex:1;height:32px;border-radius:3px;background:var(--surface-hover);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .15s ease}.sidebar-icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-signout-btn:hover{background:#ff3b3014!important;color:var(--danger)!important}.sidebar.collapsed .sidebar-user-info{opacity:0;pointer-events:none;width:0;min-width:0;max-height:0;overflow:hidden}.sidebar.collapsed .sidebar-footer-row{opacity:0;pointer-events:none;max-height:0;overflow:hidden}.sidebar.collapsed .sidebar-footer{padding:6px 0 10px!important;width:64px!important;align-items:center!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}.sidebar.collapsed .sidebar-user-card,.sidebar.collapsed #userMenuTrigger{width:64px!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:6px 0!important;margin:0!important;box-sizing:border-box!important;gap:0!important;pointer-events:none}.sidebar.collapsed .sidebar-avatar{margin:0 auto}.sidebar.collapsed #userMenuTrigger svg:last-child{display:none!important}