.navbar{background:linear-gradient(135deg,var(--dark) 0,var(--primary) 100%);color:#fff;box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px}.nav-logo,.nav-menu-desktop .nav-link{align-items:center;display:flex;text-decoration:none}.nav-logo{gap:10px;font-weight:700;color:#fff;font-size:1.2em}.nav-logo i{font-size:1.5em;color:var(--danger)}.nav-menu-desktop{display:flex;list-style:none;gap:5px;margin:0;padding:0}.nav-menu-desktop li,.nav-menu-mobile .nav-dropdown{position:relative}.nav-menu-desktop .nav-link{color:#fff;padding:15px 20px;gap:8px;border-radius:var(--radius-sm);transition:background .3s}.nav-menu-desktop .nav-link:hover,.nav-toggle:hover{background-color:rgba(255,255,255,.1)}.nav-dropdown .dropdown-content{display:none;position:absolute;top:100%;right:0;left:auto;background:#fff;min-width:200px;max-width:280px;box-shadow:var(--shadow);border-radius:var(--radius-sm);z-index:1001;overflow:hidden}.nav-dropdown .dropdown-content>a{color:#333;padding:12px 20px;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:.9em;border-bottom:1px solid #f0f0f0}.nav-dropdown .dropdown-content>a:last-child{border-bottom:none}.nav-dropdown .dropdown-content>a:hover{background-color:var(--light);color:var(--primary)}.nav-dropdown:hover .dropdown-content{display:block}.nav-toggle{display:none;background:0 0;border:none;color:#fff;font-size:1.3em;cursor:pointer;padding:10px;border-radius:5px;transition:background-color .3s;min-height:44px}.nav-menu-mobile{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:var(--dark);color:#fff;z-index:1001;opacity:0;visibility:hidden;transition:left .4s,opacity .3s;overflow-y:auto;display:block}.nav-menu-mobile.active{left:0;opacity:1;visibility:visible}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background:rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.1)}.nav-close{background:rgba(255,255,255,.2);border:none;color:#fff;font-size:1.5em;cursor:pointer;padding:5px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.nav-menu-list .nav-admin:hover,.nav-menu-list .nav-link:hover,.nav-menu-mobile .dropdown-content a:hover,.user-dropdown-mobile,.user-dropdown-mobile a:hover{background:rgba(255,255,255,.1)}.nav-close:hover{background-color:rgba(255,255,255,.3)}.nav-menu-list{list-style:none;padding:20px 0;margin:0}.nav-menu-list li{padding:0}.nav-menu-list .nav-admin,.nav-menu-list .nav-link{color:#fff;text-decoration:none;padding:16px 20px;display:flex;align-items:center;gap:12px;transition:background .3s;font-size:.95em;min-height:44px}.nav-menu-mobile .dropdown-content{display:none;padding:10px 0;background:rgba(0,0,0,.2);margin:10px;border-radius:8px;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease-out,opacity .3s ease-out}.nav-menu-mobile .nav-dropdown.active .dropdown-content{display:block;max-height:500px;opacity:1}.nav-menu-mobile .dropdown-content a{color:#e0e0e0;padding:12px 32px;display:flex;align-items:center;gap:12px;text-decoration:none;font-size:.9em;transition:background-color .2s;min-height:40px}.user-dropdown-mobile{padding:20px;margin:20px;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.user-dropdown-mobile .user-info{margin-bottom:15px;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:15px}.user-dropdown-mobile .user-info strong{display:block;font-size:1.1em}.user-dropdown-mobile .user-info small{color:#ccc}.user-dropdown-mobile a{display:flex;align-items:center;gap:12px;color:#fff;padding:12px 15px;text-decoration:none;border-radius:6px;margin:5px 0;font-size:.95em;transition:background-color .2s}@media (max-width:768px){.nav-menu-desktop{display:none!important}.nav-toggle{display:block}.nav-container{padding:0 15px;height:55px}.nav-logo{font-size:1.1em}.nav-logo i{font-size:1.3em}}@media (max-width:480px){.nav-container{padding:0 10px;height:50px}.nav-logo,.user-dropdown-mobile .user-info strong{font-size:1em}.nav-logo i,.nav-toggle{font-size:1.2em}.nav-toggle{padding:8px}.nav-menu-list .nav-admin,.nav-menu-list .nav-link{font-size:.9em;padding:14px 16px}.nav-menu-mobile .dropdown-content a{padding:10px 24px;font-size:.85em}.user-dropdown-mobile{margin:15px;padding:15px}.nav-close{width:32px;height:32px;font-size:1.3em;padding:4px}}