:root{--nav-bg:linear-gradient(135deg,rgba(102,126,234,0.95) 0%,rgba(118,75,162,0.95) 100%);--nav-height:70px;--nav-text:#ffffff;--nav-hover:rgba(255,255,255,0.25);--nav-active:rgba(255,255,255,0.35);--mobile-nav-bg:rgba(102,126,234,0.98);--dropdown-bg:rgba(255,255,255,1);--dropdown-text:#2d3748;--dropdown-hover:rgba(247,250,252,1);--dropdown-shadow:0 10px 40px rgba(0,0,0,0.25);--z-base:1;--z-dropdown:100;--z-navbar:200;--z-mobile-overlay:300;--z-mobile-menu:400;--z-modal-backdrop:500;--z-modal:600;--z-tooltip:700;--transition:all 0.3s ease;--transition-fast:all 0.15s ease}.elegant-navbar,.navbar{background:var(--nav-bg);min-height:var(--nav-height);padding:0;box-shadow:0 2px 20px rgba(0,0,0,0.1);transition:var(--transition);position:relative;z-index:var(--z-navbar);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.elegant-navbar.scrolled{box-shadow:0 4px 30px rgba(0,0,0,0.15)}.navbar.sticky-top,.elegant-navbar.sticky-top{position:sticky;top:0;z-index:var(--z-navbar)}.elegant-navbar .container,.navbar .container{display:flex;align-items:center;min-height:var(--nav-height);position:relative}.navbar-brand-elegant,.navbar-brand{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--nav-text);padding:0.5rem 0;transition:var(--transition)}.navbar-brand-elegant:hover,.navbar-brand:hover{transform:translateX(-5px);color:var(--nav-text)}.brand-logo-icon{width:45px;height:45px;background:rgba(255,255,255,0.25);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--nav-text);transition:var(--transition);backdrop-filter:blur(10px)}.navbar-brand-elegant:hover .brand-logo-icon,.navbar-brand:hover .brand-logo-icon{background:rgba(255,255,255,0.35);transform:rotate(-10deg)}.brand-text-elegant{display:flex;flex-direction:column}.brand-name{font-size:1.25rem;font-weight:700;line-height:1.2;color:var(--nav-text)}.brand-tagline{font-size:0.75rem;opacity:0.9;color:var(--nav-text)}.navbar-collapse{display:flex;align-items:center;justify-content:space-between;flex-grow:1;overflow:visible}.navbar-nav{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:0.25rem;position:static}.nav-item{position:relative;margin:0 0.125rem}.nav-link{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;color:var(--nav-text);text-decoration:none;font-size:0.95rem;font-weight:500;border-radius:8px;transition:var(--transition);position:relative;white-space:nowrap}.nav-link:hover,.nav-link:focus{background:var(--nav-hover);color:var(--nav-text);transform:translateY(-2px);text-decoration:none}.nav-link.active{background:var(--nav-active)}.nav-icon{font-size:1.1rem;opacity:0.9;width:20px;text-align:center}.dropdown-toggle{cursor:pointer}.dropdown-toggle::after{content:'\f107';font-family:'Font Awesome 6 Free';font-weight:900;font-size:0.75rem;margin-right:0.25rem;opacity:0.7;transition:var(--transition);border:none;vertical-align:middle}.dropdown.show .dropdown-toggle::after{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;z-index:var(--z-dropdown);display:none;min-width:280px;margin-top:0.5rem;padding:0.75rem;background:var(--dropdown-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,0.1);border-radius:12px;box-shadow:var(--dropdown-shadow);max-height:70vh;overflow-y:auto}.dropdown-menu.show{display:block;animation:dropdownFadeIn 0.3s ease}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:0.75rem;padding:0.625rem 1rem;margin:0.125rem 0;color:var(--dropdown-text);text-decoration:none;border-radius:8px;transition:var(--transition-fast);font-size:0.9rem;background:transparent;border:0;cursor:pointer;width:100%}.dropdown-item:hover,.dropdown-item:focus{background:var(--dropdown-hover);color:#4338ca;transform:translateX(-5px);text-decoration:none}.dropdown-item.active{background:#e9ecef;color:#212529}.dropdown-item i{width:20px;text-align:center;opacity:0.7;color:inherit}.dropdown-item:hover i{opacity:1}.dropdown-divider{height:1px;margin:0.5rem 0;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);border:0}.dropdown-header{padding:0.5rem 1rem;font-size:0.8rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.25rem}.user-menu-elegant{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;background:rgba(255,255,255,0.15);border-radius:50px;cursor:pointer;transition:var(--transition);border:1px solid rgba(255,255,255,0.2)}.user-menu-elegant:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px)}.user-avatar-elegant{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#ffd89b,#19547b);display:flex;align-items:center;justify-content:center;font-weight:600;color:white;font-size:0.9rem}.user-info-elegant{display:flex;flex-direction:column;margin-left:0.25rem}.user-name-elegant{font-size:0.9rem;font-weight:600;color:var(--nav-text);line-height:1.2}.user-role-elegant{font-size:0.75rem;opacity:0.8;color:var(--nav-text)}.navbar-toggler,.custom-toggler{background:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.4);color:var(--nav-text);padding:0.6rem 0.9rem;border-radius:10px;font-size:1.25rem;cursor:pointer;transition:var(--transition);backdrop-filter:blur(10px)}.navbar-toggler:hover,.custom-toggler:hover{background:rgba(255,255,255,0.35);transform:scale(1.05)}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:var(--z-mobile-overlay);opacity:0;transition:opacity 0.3s ease;backdrop-filter:blur(5px)}.mobile-menu-overlay.active{display:block;opacity:1}.mobile-menu{position:fixed;top:0;right:-85%;width:85%;max-width:320px;height:100%;background:linear-gradient(180deg,var(--mobile-nav-bg) 0%,rgba(118,75,162,0.98) 100%);z-index:var(--z-mobile-menu);transition:right 0.3s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;box-shadow:-5px 0 20px rgba(0,0,0,0.3)}.mobile-menu.active{right:0}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:rgba(255,255,255,0.1);color:white;border-bottom:1px solid rgba(255,255,255,0.2)}.mobile-menu-close{background:rgba(255,255,255,0.2);border:none;color:white;font-size:1.25rem;cursor:pointer;padding:0.5rem;border-radius:8px;transition:var(--transition)}.mobile-menu-close:hover{background:rgba(255,255,255,0.3)}.mobile-menu-nav{padding:1rem 0}.mobile-nav-item{margin:0}.mobile-nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:var(--nav-text);text-decoration:none;font-size:1rem;font-weight:500;transition:var(--transition);border-left:3px solid transparent}.mobile-nav-link:hover{background:rgba(255,255,255,0.15);border-left-color:var(--nav-text);color:var(--nav-text);text-decoration:none}.mobile-nav-link.active{background:rgba(255,255,255,0.2);border-left-color:var(--nav-text)}.mobile-nav-link i{width:24px;text-align:center;font-size:1.1rem;opacity:0.9}.mobile-nav-divider{height:1px;background:rgba(255,255,255,0.2);margin:0.5rem 1.5rem}.mobile-submenu{background:rgba(0,0,0,0.1);padding:0.5rem 0}.mobile-submenu .mobile-nav-link{padding-right:1.5rem;padding-left:3rem;font-size:0.95rem}@media (max-width:991px){.navbar-collapse:not(.show){display:none}.navbar-toggler,.custom-toggler{display:block}.elegant-navbar,.navbar{padding:0.5rem 0}.dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:var(--dropdown-bg);border:1px solid rgba(0,0,0,0.1);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.dropdown-item{color:var(--dropdown-text);background-color:transparent}.dropdown-item:hover,.dropdown-item:focus{background-color:var(--dropdown-hover);color:#4338ca}.navbar-nav{padding:1rem 0;flex-direction:column;align-items:stretch}.nav-item{margin:0.25rem 0}}@media (max-width:575px){.elegant-navbar,.navbar{min-height:60px}.brand-logo-icon{width:38px;height:38px;font-size:1.2rem}.brand-name{font-size:1rem}.brand-tagline{display:none}.navbar-toggler,.custom-toggler{padding:0.5rem 0.75rem;font-size:1.1rem}.mobile-menu{width:90%}.mobile-nav-link{padding:0.9rem 1.25rem;font-size:0.95rem}}.welcome-section,.dashboard-card,main>.container,main>.container-fluid{position:relative;z-index:var(--z-base)}.modal-backdrop{z-index:var(--z-modal-backdrop)}.modal{z-index:var(--z-modal)}.modal-backdrop:not(.show),.modal:not(.show){display:none}body.modal-open{overflow:hidden}body:not(.modal-open){overflow:auto}[dir="rtl"] .dropdown-menu{right:0;left:auto}[dir="rtl"] .dropdown-item{text-align:right}[dir="rtl"] .dropdown-toggle::after{margin-right:0;margin-left:0.25rem}[dir="rtl"] .mobile-menu{right:auto;left:-85%}[dir="rtl"] .mobile-menu.active{right:auto;left:0}[dir="rtl"] .mobile-nav-link{border-left:none;border-right:3px solid transparent}[dir="rtl"] .mobile-nav-link:hover,[dir="rtl"] .mobile-nav-link.active{border-left:none;border-right-color:var(--nav-text)}.text-elegant{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-elegant{box-shadow:0 10px 30px rgba(102,126,234,0.1)}.animate-in{animation:fadeInUp 0.5s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-badge{position:absolute;top:-5px;right:-5px;background-color:#dc3545;color:white;border-radius:50%;padding:2px 6px;font-size:11px;font-weight:bold;min-width:18px;text-align:center;z-index:calc(var(--z-navbar)+1)}