.sidebar,.main-content{transition:margin-left var(--transition-normal),padding var(--transition-normal),width var(--transition-normal)}.sidebar{background:linear-gradient(145deg,var(--color-surface)0%,var(--color-surface-elevated)100%);border-right:1px solid var(--color-border);padding:var(--spacing-lg)var(--spacing-lg)0 var(--spacing-lg);height:100vh;max-height:100vh;width:var(--sidebar-width-expanded);z-index:100;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-lg);will-change:transform;contain:layout style paint;flex-direction:column;flex-shrink:0;align-self:flex-start;display:flex;position:-webkit-sticky;position:sticky;top:0;overflow:hidden;transform:translateZ(0)}.sidebar-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.sidebar-logo{transition:all var(--transition-normal);line-height:1;display:block}.sidebar-logo img{width:auto;max-width:100%;height:auto;display:block}.sidebar-logo:hover{filter:brightness(1.1);transform:scale(1.05)}.sidebar-nav{padding-right:var(--spacing-md);margin-right:calc(-1*var(--spacing-sm));scroll-behavior:smooth;flex-grow:1;position:relative;overflow-x:visible;overflow-y:auto}.sidebar-nav:before,.sidebar-nav:after{content:"";background:linear-gradient(to bottom,var(--color-surface)0%,transparent 100%);pointer-events:none;z-index:1;height:20px;position:-webkit-sticky;position:sticky;left:0;right:0}.sidebar-nav:before{margin-bottom:-20px;top:0}.sidebar-nav:after{background:linear-gradient(to top,var(--color-surface)0%,transparent 100%);margin-top:-20px;bottom:0}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-surface-light);transition:background-color var(--transition-normal);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--color-surface-light)transparent}.sidebar-nav ul li{margin-bottom:var(--spacing-sm)}.nav-item{padding:var(--spacing-md)var(--spacing-md);border-radius:var(--border-radius-main);font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-normal);align-items:center;display:flex;position:relative;overflow:hidden}.nav-item-button{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.nav-item-button:disabled{opacity:.7;cursor:not-allowed}.nav-item:before{content:"";background:linear-gradient(135deg,var(--color-surface-light)0%,transparent 100%);opacity:0;transition:opacity var(--transition-normal);z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.nav-item>*{z-index:1;position:relative}.nav-item i,.nav-item svg.feather{margin-right:var(--spacing-md);transition:all var(--transition-normal)}.nav-item svg.feather{stroke-width:2px;stroke:currentColor;fill:none;flex:none;width:20px;height:20px}.nav-item span{flex-grow:1}.nav-item .nav-badge{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:var(--color-text-on-primary);font-size:.75rem;font-weight:var(--font-weight-semibold);padding:var(--spacing-xs)var(--spacing-sm);box-shadow:var(--shadow-primary);border-radius:50px;animation:2s infinite pulse-badge}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-item:hover{background-color:var(--color-surface-light);color:var(--color-text-primary);box-shadow:var(--shadow-md);transform:translate(2px)}.nav-item:hover:before{opacity:1}.nav-item:hover i,.nav-item:hover svg.feather{color:var(--color-primary);transform:scale(1.1)}.nav-item.active{background:linear-gradient(135deg,var(--color-primary-dark)0%,var(--color-primary)100%);color:var(--color-text-on-primary);box-shadow:var(--shadow-primary);margin-right:var(--spacing-sm);transform:translate(4px)}.nav-item.active i,.nav-item.active svg.feather,.nav-item.active,.nav-item.active:hover,.nav-item.active:hover i,.nav-item.active:hover svg.feather{color:var(--color-text-on-primary)}.nav-item.active:before{opacity:0}.nav-dropdown{position:relative}.nav-dropdown-toggle{justify-content:flex-start}.nav-dropdown-toggle .nav-dropdown-arrow{width:16px;height:16px;transition:transform var(--transition-normal);margin-left:auto;margin-right:0}.nav-dropdown-toggle[aria-expanded=true] .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-toggle.active-parent{color:var(--color-primary);background-color:var(--color-surface-light)}.nav-dropdown-toggle.active-parent i,.nav-dropdown-toggle.active-parent svg.feather{color:var(--color-primary)}.nav-dropdown-menu{max-height:0;transition:max-height var(--transition-normal)ease-out,opacity var(--transition-normal)ease-out,padding var(--transition-normal)ease-out;opacity:0;margin:0;padding:0;list-style:none;overflow:hidden}.nav-dropdown-menu.open{opacity:1;max-height:200px;padding:var(--spacing-xs)0 var(--spacing-xs)0;overflow:visible}.nav-sub-item{margin-bottom:var(--spacing-xs);font-size:.9rem;padding-left:calc(var(--spacing-md) + var(--spacing-lg))!important}.nav-sub-item.active{margin-right:var(--spacing-xs);transform:translate(2px)}.nav-sub-item i,.nav-sub-item svg.feather{width:16px;height:16px}.nav-dropdown-menu li{margin-bottom:var(--spacing-xs)}.nav-dropdown-menu li:last-child{margin-bottom:0}.sidebar-footer{border-top:1px solid var(--color-border);padding-top:var(--spacing-md);padding-bottom:var(--spacing-lg);flex-shrink:0;margin-top:auto}.sidebar-footer .nav-item{padding:var(--spacing-sm)var(--spacing-md);font-size:.9rem}#sidebar-collapse-toggle{top:50%;left:var(--sidebar-width-expanded);background:var(--color-surface);border:2px solid var(--color-bg);width:32px;height:32px;color:var(--color-border);cursor:pointer;z-index:101;transition:left var(--transition-speed),transform var(--transition-speed),background-color var(--transition-speed);border-radius:50%;place-items:center;display:grid;position:fixed;transform:translate(-50%,-50%)}#sidebar-collapse-toggle:hover{background-color:var(--color-surface-light);border-color:var(--color-primary);transform:translate(-50%,-50%)scale(1.1)}#sidebar-collapse-toggle .feather{color:var(--color-text-secondary);transition:all var(--transition-bounce);width:18px;height:18px}#sidebar-collapse-toggle:hover .feather{color:var(--color-primary);transform:scale(1.1)}.sidebar-collapsed #sidebar-collapse-toggle .feather{transform:rotate(180deg)}.sidebar-collapsed #sidebar-collapse-toggle:hover .feather{transform:rotate(180deg)scale(1.1)}.sidebar-collapsed .sidebar{width:var(--sidebar-width-collapsed);border-right:0;padding-left:0;padding-right:0;overflow:hidden}.sidebar-collapsed #sidebar-collapse-toggle{left:var(--sidebar-width-collapsed);transform:translate(-30%,-50%)}.sidebar-collapsed #sidebar-collapse-toggle:hover{transform:translate(-30%,-50%)scale(1.2)}#sidebar-mobile-toggle{z-index:101;background:linear-gradient(135deg,var(--color-surface)0%,var(--color-surface-light)100%);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;place-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:none;position:relative;top:20px;left:20px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.05)}#sidebar-mobile-toggle:before{content:"";background:linear-gradient(90deg,transparent,rgba(0,242,234,.1),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}#sidebar-mobile-toggle:hover:before{left:100%}#sidebar-mobile-toggle:hover{background:linear-gradient(135deg,var(--color-surface-light)0%,var(--color-primary-light)50%,var(--color-surface-light)100%);color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px)scale(1.05);box-shadow:0 8px 24px rgba(0,242,234,.2),0 4px 8px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.1)}#sidebar-mobile-toggle:active{transition:all .1s;transform:translateY(0)scale(.98)}#sidebar-mobile-toggle .feather{transform-origin:50%;transition:all .3s}#sidebar-mobile-toggle:hover .feather{transform:rotate(180deg)scale(1.1)}#sidebar-mobile-toggle.sidebar-animating{animation:.6s ease-in-out pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.05)}50%{transform:scale(1.08);box-shadow:0 8px 24px rgba(0,242,234,.3),0 4px 8px rgba(0,242,234,.1),inset 0 1px rgba(255,255,255,.1)}}@media (max-width:1200px){#sidebar-collapse-toggle{display:none}#sidebar-mobile-toggle{display:grid}}@keyframes gentle-breathe{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}#sidebar-mobile-toggle{animation:4s ease-in-out infinite gentle-breathe}#sidebar-mobile-toggle:hover{animation:none}#sidebar-mobile-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;animation:none}@media (max-width:768px){#sidebar-mobile-toggle{border-radius:14px;width:44px;height:44px;top:16px;left:16px}}@media (max-width:480px){#sidebar-mobile-toggle{border-radius:12px;width:42px;height:42px;top:12px;left:12px}#sidebar-mobile-toggle:hover{transform:translateY(-1px)scale(1.03)}}@media (min-width:1025px){.sidebar{width:var(--sidebar-width-expanded);position:-webkit-sticky;position:sticky;top:0}.sidebar-collapsed .sidebar{width:var(--sidebar-width-collapsed)}#sidebar-collapse-toggle{left:var(--sidebar-width-expanded)}.sidebar-collapsed #sidebar-collapse-toggle{left:var(--sidebar-width-collapsed)}}.mobile-close-btn{color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast);background:0 0;border:none;display:none}.mobile-close-btn:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}@media (max-width:1200px){.sidebar{height:100vh;z-index:1200;height:100dvh;transition:transform var(--transition-normal);box-shadow:var(--shadow-xl);top:0;left:0;transform:translate(0);width:var(--sidebar-width-expanded)!important;position:fixed!important}.sidebar-collapsed .sidebar{border-right:1px solid var(--color-border);transform:translate(-100%);width:var(--sidebar-width-expanded)!important}#sidebar-mobile-toggle{display:grid!important}.mobile-close-btn{justify-content:center;align-items:center;display:flex}.mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1199;cursor:pointer;opacity:0;transition:opacity var(--transition-normal);background-color:rgba(0,0,0,.5);display:none;position:fixed;top:0;bottom:0;left:0;right:0}.dashboard-container:not(.sidebar-collapsed) .mobile-backdrop{opacity:1;display:block}}