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