.sidebar{width:200px;position:fixed;left:0;top:0;height:100vh;background:hsl(var(--background));overflow:hidden;display:flex;flex-direction:column;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.sidebar.collapsed{width:72px}.sidebar-header{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid hsl(var(--border));padding:12px;background:hsl(var(--card));position:relative}.sidebar.expanded .sidebar-header{justify-content:flex-start;padding:12px 16px}.sidebar-header .toggle-button{width:40px;height:40px;border-radius:8px;background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--foreground));transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;position:relative}.sidebar-header .toggle-button:before{display:none!important}.sidebar-header .toggle-button:hover{background:hsl(var(--accent));border-color:hsl(var(--accent-foreground)/.2);color:hsl(var(--accent-foreground))}.sidebar-header .toggle-button:focus{outline:none;box-shadow:0 0 0 2px hsl(var(--ring))}.sidebar-header .toggle-button svg{width:20px;height:20px;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;padding:16px 12px;gap:4px;flex:1}.sidebar-link{display:flex;align-items:center;padding:12px 16px;gap:12px;text-decoration:none;color:hsl(var(--muted-foreground));border-radius:8px;transition:all .2s ease;font-weight:500;font-size:14px;position:relative;overflow:hidden}.sidebar-link:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.sidebar-link:hover:after{content:"›";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:hsl(var(--muted-foreground));font-weight:400;font-size:16px;opacity:.7;transition:all .2s ease}.sidebar.collapsed .sidebar-link:hover:after{display:none}.sidebar-link.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:600}.sidebar-link .icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;transition:all .2s ease}.sidebar-link .text{font-weight:inherit;transition:all .3s ease;white-space:nowrap;opacity:1}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid hsl(var(--border));background:hsl(var(--card))}.sidebar.collapsed .sidebar-link .text{opacity:0;width:0;overflow:hidden}.sidebar.collapsed .sidebar-link{justify-content:center;padding:12px;gap:0}.sidebar.collapsed .sidebar-nav{padding:16px 8px}.sidebar.collapsed .sidebar-footer{padding:12px 8px}.sidebar.collapsed .sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:hsl(var(--primary));border-radius:0 2px 2px 0}.sidebar *{transition:all .2s ease}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground))}