.app-shell{background:var(--bg-page);width:100%;min-height:100dvh;display:flex}.app-main-content{min-width:0;max-width:100vw;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 70px);flex-direction:column;flex:1;display:flex}.app-main-content.messages-full-screen{padding-bottom:0!important}.app-main-content.no-bottom-padding{padding-bottom:env(safe-area-inset-bottom,0px)!important}.desktop-sidebar{border-right:1px solid var(--border);background:var(--bg-surface);z-index:50;flex-direction:column;flex-shrink:0;width:260px;height:100dvh;transition:width .28s cubic-bezier(.4,0,.2,1);display:none;position:sticky;top:0;overflow:hidden}.sidebar-header{height:var(--topbar-height);padding:0 var(--space-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:var(--topbar-height);display:flex}.sidebar-toggle-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.sidebar-toggle-btn:hover{background:var(--bg-surface-hover);color:var(--text-heading)}.sidebar-nav{padding:var(--space-lg) var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-footer{padding:var(--space-lg) var(--space-md);border-top:1px solid var(--border)}.nav-item{align-items:center;gap:var(--space-md);border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast);white-space:nowrap;padding:10px 14px;font-weight:500;text-decoration:none;display:flex}.nav-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.nav-badge{background:var(--danger);color:#fff;border-radius:12px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:-6px;right:-8px;box-shadow:0 2px 4px #0000004d}.nav-label{opacity:1;white-space:nowrap;max-width:200px;transition:opacity .2s 80ms,max-width .28s;overflow:hidden}.nav-item:hover{background:var(--bg-surface-hover);color:var(--text-heading)}.nav-item.active{background:var(--accent-subtle);color:var(--accent-text)}.nav-item.text-danger{color:var(--danger)}.nav-item.text-danger:hover{background:var(--danger-subtle)}.new-plug-btn{margin-top:1.5rem;margin-bottom:var(--space-md);white-space:nowrap;justify-content:flex-start;padding:.75rem 1rem;overflow:hidden}.sidebar-profile-link{border-radius:var(--radius-md);color:var(--text-primary);align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;transition:background .2s;display:flex;overflow:hidden}.sidebar-profile-link:hover{background:var(--bg-input)}.sidebar-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex;overflow:hidden}.sidebar-profile-text{flex-direction:column;display:flex;overflow:hidden}.sidebar-collapsed{width:72px}.sidebar-collapsed .sidebar-header{justify-content:center;gap:.25rem;padding:0}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav{-ms-overflow-style:none;scrollbar-width:none}.sidebar-collapsed .sidebar-nav{padding:var(--space-lg) var(--space-sm);align-items:center}.sidebar-collapsed .sidebar-footer{padding:var(--space-lg) var(--space-sm)}.sidebar-collapsed .nav-item{justify-content:center;gap:0;padding:10px}.sidebar-collapsed .nav-label{opacity:0;pointer-events:none;max-width:0;transition:opacity .15s,max-width .2s}.sidebar-collapsed .new-plug-btn{justify-content:center;margin-top:1.5rem;padding:.75rem}.sidebar-collapsed .sidebar-profile-link{justify-content:center;gap:0;padding:.75rem}.mobile-tab-bar{height:calc(70px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-nav);border-top:1px solid var(--border);z-index:50;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{color:var(--text-muted);height:100%;transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.tab-item.active{color:var(--text-heading)}.tab-label{font-size:10px;font-weight:600}.tab-action-btn{flex:1;justify-content:center;align-items:center;height:100%;display:flex;transform:translateY(-15px)}.action-circle{border-radius:var(--radius-full);background:var(--gradient-accent);width:50px;height:50px;box-shadow:var(--shadow-glow);transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.tab-action-btn:active .action-circle{transform:scale(.92)}.feedback-widget-container{z-index:9999;flex-direction:column;align-items:flex-end;gap:1rem;display:flex;position:fixed;bottom:120px;left:1rem}@media (min-width:768px){.mobile-tab-bar,.mobile-top-nav{display:none!important}.desktop-sidebar{display:flex}.app-main-content{padding-bottom:0}.feedback-widget-container{bottom:2rem;left:auto;right:2rem}}.simulator-active .feedback-widget-container{bottom:120px!important;left:1rem!important;right:auto!important}.simulator-active .app-shell{height:100%!important;min-height:100%!important}
