.nav-panel{display:flex;flex-direction:column;background-color:transparent;height:100%;position:relative;gap:4px;font-family:var(--font-primary);overflow:hidden}.nav-scroll-area{flex:1 1;overflow-y:auto;padding-bottom:8px;scrollbar-width:thin;max-height:calc(100% - 260px);overscroll-behavior-y:contain}.nav-scroll-area::-webkit-scrollbar{width:3px}.nav-scroll-area::-webkit-scrollbar-track{background:transparent}.nav-scroll-area::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.06);border-radius:3px}.nav-container{background-color:transparent;padding:0;margin-bottom:0}.nav-list{list-style:none;padding:0;margin:0}.nav-divider{height:1px;background-color:#e1e1e1;margin:8px 0;width:100%}.nav-item{padding:.75rem;border-radius:.4rem;cursor:pointer;margin-bottom:2px;color:#4c4e53;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between}.nav-item:nth-child(6){margin-bottom:0}.nav-item:hover{background-color:rgba(0,0,0,.03)}.nav-item.nav-item-active{background-color:rgb(164 164 164/10%);color:#3b82f6;font-weight:500}.nav-item.nav-item-active:hover{background-color:rgb(164 164 164/12%)}.nav-item a,.nav-item-content{text-decoration:none;font-size:16px;color:#0a1f42;display:flex;align-items:center;width:100%;cursor:pointer;position:relative;z-index:2}.nav-item-content{display:flex;align-items:center;gap:8px}.icon-container{display:flex;align-items:center;justify-content:center;width:32px;height:32px;position:relative;border-radius:8px;background-color:#f3f4f6;margin-right:0;transition:background-color .2s ease}.nav-item-active .icon-container{background-color:#ffffff;border:1px solid #ffffff;color:#66a9e4;box-shadow:0 2px 4px rgba(0,0,0,.08)}.nav-item:hover .icon-container{background-color:#ffffff}.nav-item.disabled{opacity:.6;pointer-events:none}.nav-item.disabled,.nav-item.disabled *{cursor:not-allowed!important}.nav-item-empty{color:#9ca3af;padding:10px 12px;font-style:italic;font-size:.9rem}.nav-item-add-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;opacity:0;transform:scale(.9);flex-shrink:0;margin-left:8px}.nav-item:hover .nav-item-add-button{opacity:1;transform:scale(1)}.nav-item-add-button:hover{background:rgba(59,130,246,.1);color:#3b82f6}.nav-item-add-button:active{transform:scale(.95)}.coming-soon-badge{font-size:9px;margin-left:auto;background-color:#f3f4f6;padding:2px 6px;border-radius:4px;color:#6b7280;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-section-title{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;padding:.75rem 1rem .25rem;letter-spacing:.05em}.nav-admin-container{margin-top:auto;border-top:1px solid #f3f4f6;padding-top:8px;margin-bottom:8px}.nav-admin-container .nav-section-title{margin-top:0;padding-top:0;color:#9CA3AF;font-size:.7rem;padding-bottom:0}.nav-admin-items .nav-item{padding-top:4px;padding-bottom:4px;margin-bottom:2px}.nav-admin-items .nav-item .nav-item-content{font-size:14px}.nav-profile-container{position:-webkit-sticky;position:sticky;bottom:0;background-color:inherit;width:100%;z-index:5;padding:0;box-shadow:0 -4px 6px -6px rgba(0,0,0,.05)}.nav-profile-wrapper{display:flex;align-items:center;width:100%;position:relative;margin-bottom:8px}.nav-profile-container .nav-divider{margin:0 0 2px;height:1px}.nav-profile-card{background-color:transparent;border-radius:6px;padding:8px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background-color .2s;margin-bottom:0;position:relative;z-index:2;min-height:40px;box-sizing:border-box;text-decoration:none;flex:1 1}.nav-profile-card:hover{background-color:rgb(105 151 173/8%)}.nav-profile-card.active{background-color:rgb(70 160 229/8%)}.nav-profile-pic-wrapper{position:relative;width:40px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-profile-pic,.nav-profile-pic-placeholder{width:40px;height:40px;border-radius:100%;overflow:hidden;object-fit:cover}.nav-profile-pic-placeholder{background-color:#6892EA;color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.nav-profile-text{display:flex;flex-direction:column;justify-content:center;overflow:visible;flex-grow:1;height:100%;padding:2px 0}.nav-profile-name{font-weight:600;color:#374151}.nav-profile-handle,.nav-profile-name{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin:0;padding:0;display:block}.nav-profile-handle{color:#6b7280}.nav-activity-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background-color:transparent;transition:all .2s;cursor:pointer;position:absolute;right:8px;text-decoration:none;color:#6b7280;z-index:3}.nav-activity-icon:hover{background-color:rgb(105 151 173/15%);color:#374151}.nav-activity-icon.active{background-color:rgb(70 160 229/8%);color:#4F46E5}.nav-activity-icon svg{width:22px;height:22px}.nav-activity-badge,.nav-notification-badge{position:absolute;top:-4px;right:-4px;background-color:#ef4444;color:white;font-size:.65rem;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.nav-notification-badge{z-index:10}.logo-placeholder{display:flex;justify-content:center;align-items:center;padding:0;height:220px;position:relative}.nav-panel .logo-placeholder .logo-content{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:180px!important;width:100%!important;background-color:#eeeeee!important;border-radius:6px!important;color:#6b7280!important;font-weight:700!important;font-size:1.2rem!important;letter-spacing:1px!important;transition:all .2s ease!important;position:relative!important;cursor:pointer!important;overflow:hidden!important;gap:8px!important}.nav-panel .logo-placeholder .logo-content:hover{background-color:#e5e7eb!important;color:#4F46E5!important}.nav-panel .logo-placeholder .logo-content.text-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:2;border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.nav-panel .logo-placeholder:hover .logo-content.text-page:before{opacity:1}.nav-panel .logo-placeholder .logo-content svg{position:relative;z-index:1}.nav-panel .logo-placeholder .logo-content .ripple{z-index:3}.logo-main-content{flex:1 1;position:relative;z-index:1}.logo-main-content,.logo-nav-arrow{display:flex;align-items:center;justify-content:center}.logo-nav-arrow{position:absolute;background:rgba(255,255,255,.9);border:none;padding:4px;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .2s ease;width:24px;height:24px;z-index:4;opacity:0;pointer-events:none}.logo-nav-arrow.left{left:8px;top:50%;transform:translateY(-50%)}.logo-nav-arrow.right{right:8px;top:50%;transform:translateY(-50%)}.logo-content:hover .logo-nav-arrow{opacity:1;pointer-events:auto}.logo-nav-arrow:hover{background-color:rgba(255,255,255,1);color:#374151}.logo-nav-arrow.right:hover,.logo-nav-arrow:hover{transform:translateY(-50%) scale(1.1)}.logo-nav-arrow.right:active,.logo-nav-arrow:active{transform:translateY(-50%) scale(.95)}.logo-page-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:4px;align-items:center;justify-content:center;z-index:4;opacity:0;transition:opacity .2s ease}.logo-content:hover .logo-page-indicator{opacity:1}.page-dot{width:6px;height:6px;border-radius:50%;background-color:rgba(255,255,255,.6);cursor:pointer;transition:all .2s ease}.page-dot.active{background-color:rgba(255,255,255,.95);transform:scale(1.3)}.page-dot:hover{background-color:rgba(255,255,255,.8);transform:scale(1.1)}.page-dot.active:hover{background-color:rgba(255,255,255,1);transform:scale(1.3)}.logo-text-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#374151}.logo-text-line{font-size:.9rem;font-weight:600;margin-bottom:2px}.logo-text-subline{font-size:.75rem;color:#6b7280;font-weight:400}.notification-badge{background-color:#ef4444;color:white;font-size:.75rem;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-left:auto;padding:0 5px;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}70%{box-shadow:0 0 0 6px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.nav-item a[href="/index"] .icon-container svg{transform:rotate(-90deg);transition:transform .2s ease}@media (max-width:768px){.nav-panel{width:100%}.profile-card-fixed-container{position:fixed;bottom:0;left:0;right:0;background:white;box-shadow:0 -2px 10px rgba(0,0,0,.1);padding:8px}}