.side-nav{color:#fff;z-index:1000;background:#000;height:100vh;padding-top:3px;font-family:GeistSans,GeistSans Fallback,sans-serif;transition:width .3s;position:fixed;top:0;left:0;overflow:hidden}.side-nav.open{width:255px}.side-nav.collapsed{width:70px}.side-nav-header{border-bottom:1px solid #1e2939;justify-content:space-between;align-items:center;margin-bottom:15px;padding:20px 20px 20px 15px;display:flex}.side-nav-header h2{margin:0;font-size:18px;font-weight:600}.toggle-icon{cursor:pointer;width:16px;height:16px;margin-right:5px}.collapsed-toggle{margin:16px auto;display:block}.side-nav-menu{scrollbar-width:thin;scrollbar-color:transparent transparent;background:0 0;height:90vh;margin:0;padding:5px 15px;list-style:none;transition:background .3s,box-shadow .3s;overflow:hidden auto}.side-nav-menu:hover{scrollbar-color:#475569 transparent}.side-nav-menu::-webkit-scrollbar{width:3px}.side-nav-menu::-webkit-scrollbar-track{background:0 0}.side-nav-menu::-webkit-scrollbar-thumb{background:0 0;border-radius:10px;transition:background .3s}.side-nav-menu li{transition:background .2s,color .2s}.side-nav-menu li{cursor:pointer;align-items:center;gap:12px;margin-bottom:13px;padding:8px 16px 8px 12px;transition:background .2s;display:flex}.side-nav.collapsed .side-nav-menu li{justify-content:center;padding:9px}.side-nav-menu li:hover{background:#222}.side-nav-menu li span{font-size:14px;font-weight:500}.side-nav-menu li.active{background:#1e2939;border-radius:6px}.side-nav-menu li:first-child:hover{background:#2563eb;border-radius:6px}.side-nav-icon{width:17px;height:17px}@media (max-width:768px){.side-nav{z-index:1000;background:#000;width:255px;height:100vh;transition:transform .3s ease-in-out;position:fixed;top:0;left:0;transform:translate(-101%)}.side-nav.open{transform:translate(0)}.mobile-hamburger{color:#fff;cursor:pointer;z-index:999;background:#000;border-radius:6px;width:40px;padding:10px;transition:background .2s;display:block;position:fixed;top:20px;left:20px}.mobile-hamburger:hover{background:#111}}@media (min-width:769px){.mobile-hamburger,.topNavHeaderMobile{display:none}}
.top-nav-right{text-align:right;align-items:center;display:flex}.user-info{align-items:center;gap:8px;display:flex}.user-info h4{margin-bottom:2px;font-size:14px;font-weight:500}.user-info div p{color:#6b7280;margin:0;font-size:12px}.user-avatar{color:#fff;cursor:pointer;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex;position:relative}.dropdown-menu{z-index:10;background:#fff;border:1px solid #ddd;border-radius:10px;min-width:120px;padding:5px;position:absolute;top:40px;right:0;box-shadow:0 4px 10px #0000001a}.dropdown-item{text-align:left;cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;padding:10px 14px;font-size:14px}.dropdown-item:hover{background:#f3f4f6}@media (max-width:768px){.top-nav-right{position:absolute;top:25px;right:16px}.user-info{gap:6px}.user-avatar{width:36px;height:36px;font-size:13px}.dropdown-menu{top:50px;right:10px}}