#sidebar{width:280px;background-color:#0f172a;color:#fff;position:fixed;top:0;bottom:0;left:0;z-index:var(--z-sidebar);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:width .25s cubic-bezier(.4,0,.2,1);scrollbar-width:none}#sidebar::-webkit-scrollbar{display:none}#sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-sidebar) - 1);background-color:#00000080;display:none}#sidebar-overlay.active{display:block}@media (min-width: 768px){#sidebar{display:flex!important}#main-content{margin-left:280px}}@media (min-width: 768px){body.collapsed #sidebar{width:80px}body.collapsed #sidebar .sidebar-text,body.collapsed #sidebar .sidebar-section-title,body.collapsed #sidebar .sidebar-logo-text,body.collapsed #sidebar .sidebar-user-text{display:none}body.collapsed #sidebar .sidebar-link{justify-content:center;padding:12px}body.collapsed #sidebar .sidebar-logo{justify-content:center}body.collapsed #sidebar .sidebar-logo-icon{margin:0 auto}body.collapsed #sidebar .sidebar-user-link{justify-content:center;margin-bottom:0}body.collapsed #sidebar .sidebar-user-link .sidebar-user-avatar-img{margin:0;width:40px;height:40px}body.collapsed #main-content{margin-left:80px}}@media (max-width: 767px){#sidebar{transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}#sidebar.mobile-hidden{transform:translate(-100%)}#sidebar.mobile-open{display:flex;transform:translate(0)}body.no-scroll{overflow:hidden}#sidebar-overlay{transition:opacity .2s ease,background-color .2s ease}#sidebar-overlay.active{opacity:1}#sidebar-overlay:not(.active){opacity:0}}@media (prefers-reduced-motion: reduce){#sidebar,#sidebar-overlay,.sidebar-logo-icon,.sidebar-logo-text,.sidebar-text,.sidebar-section-title,.sidebar-link,.sidebar-user-link,.sidebar-user-avatar-img,.sidebar-user-text{transition:none!important}}.sidebar-logo{padding:20px;border-bottom:1px solid #1e293b;display:flex;align-items:center;height:80px;box-sizing:border-box}.sidebar-logo-icon{width:40px;height:40px;background-color:#2563eb;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:margin .2s ease}.sidebar-logo-text{margin-left:12px;flex:1;min-width:0;transition:opacity .2s ease}.sidebar-logo-text h2{font-size:18px;font-weight:700;margin:0;white-space:nowrap}.sidebar-logo-text span{font-size:12px;color:#94a3b8;display:block}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 0;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-section-title{flex:1;padding:0 0 0 10px;margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;text-align:left;transition:opacity .2s ease}.sidebar-link{display:flex;align-items:center;padding:12px 20px 12px 36px;color:#cbd5e1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent}.sidebar-link:hover{background-color:#1e293b;color:#fff}.sidebar-link.active{background-color:#2563eb;color:#fff;border-left-color:#60a5fa}.sidebar-link svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2}.sidebar-text{margin-left:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease}.sidebar-user-section{padding:12px 20px;border-top:1px solid #1e293b}.sidebar-logo-container{display:flex;align-items:center;transition:justify-content .2s ease}.sidebar-user-link{display:flex;align-items:center;text-decoration:none;margin-bottom:12px;transition:justify-content .2s ease}.sidebar-user-avatar-img{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #475569;flex-shrink:0;transition:margin .2s ease,width .2s ease,height .2s ease}.sidebar-user-text{margin-left:12px;flex:1;min-width:0;transition:opacity .2s ease}.sidebar-logout-btn{color:#ef4444}.sidebar-logout-btn:hover{background-color:#ef44441a;color:#fca5a5}@media (min-width: 768px){body.collapsed .sidebar-user-section{padding:12px}body.collapsed .sidebar-user-link{justify-content:center;margin-bottom:0}body.collapsed .sidebar-user-avatar-img{margin:0;width:40px;height:40px}}.sidebar-footer{padding:16px 20px;border-top:1px solid #1e293b;margin-top:auto;background:linear-gradient(to top,rgba(15,23,42,.8),transparent)}.sidebar-footer .flex{gap:4px}body.collapsed .sidebar-footer{padding:12px}body.collapsed .sidebar-footer .flex{display:none}