.search-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#000000b3;position:fixed;inset:70px 0 0}.search-modal{z-index:99;background:var(--bg);width:100%;transition:transform .4s cubic-bezier(.23,1,.32,1);position:fixed;top:70px;left:0;transform:translateY(-100%)}.search-modal.scrolled{background:var(--bg-l)}.search-modal.open{transform:translateY(0)}.search-modal-content{width:100%;max-width:1440px;margin:0 auto;padding:2rem 3rem;position:relative}.close-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem;transition:all .2s;position:absolute;top:1.5rem;right:3rem}.close-button:hover{color:var(--primary);transform:scale(1.1)}.search-header{width:100%;max-width:800px;margin:0 auto}.search-input-container{border:1px solid var(--border);background:0 0;border-radius:8px;width:100%;display:flex;overflow:hidden}.search-modal-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:1rem 1.5rem;font-size:1.1rem}.search-input::placeholder{color:var(--text-muted)}.search-button{background:var(--primary);color:#fff;cursor:pointer;border:none;align-items:center;gap:.5rem;padding:0 1.5rem;transition:all .2s;display:flex}.search-button:disabled{opacity:.7;cursor:not-allowed}.search-modal-icon{font-size:1.2rem}.search-results{text-align:center;min-height:200px;padding:1.5rem 0}.search-hint{color:var(--text-muted);opacity:.8;font-size:.95rem}.no-results{color:var(--text);padding:1rem}.no-results strong{color:var(--primary)}.search-suggestion{color:var(--text-muted);margin-top:.5rem;font-size:.9rem}
.profile-dropdown{position:relative}.profile-button{cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem;transition:background-color .2s;display:flex}.profile-button:hover{background-color:var(--bg-200)}.profile-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:600;display:flex}.avatar-initials{color:#fff;font-size:.75rem;font-weight:600}.avatar-initials.large{font-size:1rem}.profile-chevron{color:var(--text-300);font-size:.875rem;transition:transform .2s}.profile-chevron.open{transform:rotate(180deg)}.dropdown-menu{background-color:var(--bg-l);border:1px solid var(--border);z-index:50;border-radius:.75rem;width:16rem;margin-top:.5rem;position:absolute;right:0;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dropdown-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.25rem;display:flex}.header-avatar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.header-info{flex:1;min-width:0}.dropdown-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.125rem;font-size:.875rem;font-weight:600;overflow:hidden}.dropdown-email{color:var(--text-300);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.125rem;font-size:.75rem;overflow:hidden}.dropdown-role{color:var(--text-400);background-color:var(--bg-100);text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;padding:.125rem .375rem;font-size:.625rem;font-weight:500;display:inline-block}.dropdown-item{color:inherit;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.25rem;font-size:.875rem;text-decoration:none;transition:background-color .2s;display:flex}.dropdown-item:hover{background-color:var(--bg-100)}.dropdown-section{padding:.25rem 0}.dropdown-logout{border-top:1px solid var(--border)}.logout-btn{cursor:pointer;color:var(--color-red-500)}.logout-btn:hover{background-color:var(--color-red-50);color:var(--color-red-600)}@media (prefers-color-scheme:dark){.logout-btn:hover{background-color:#ef44441a}}
.navbar{background-color:var(--bg);z-index:100;color:var(--text);border-bottom:1px solid var(--border);width:100%;transition:all .3s ease-in-out;top:0;height:70px!important;position:sticky!important}.navbar.scrolled{z-index:500;background-color:var(--bg-l);box-shadow:var(--shadow);transition:all .3s ease-in-out;top:0;left:0;right:0;position:fixed!important}.navbarContainer{max-width:1440px;height:100%;margin:0 auto;padding:1rem 3rem;justify-content:space-between!important;align-items:center!important;display:flex!important}.navbarContainer .nav-logo{color:var(--text);letter-spacing:-.5px;font-weight:600;font-size:1.5rem!important}.nav-logoAccent{color:#1f2937}.navMenuContainer{gap:1rem;align-items:center!important;display:flex!important}.navMenu{align-items:center;gap:2rem;list-style:none;display:flex}.navItem{position:relative}.searchIconContainer{cursor:pointer;background:0 0;border-radius:50%;font-size:1.5rem;display:flex;justify-content:center!important;align-items:center!important;margin-right:10px!important}.searchIcon{color:var(--text)}.navLink{color:var(--text);transition:var(--transition);font-size:1.1rem;font-weight:500;text-decoration:none;padding:.5rem 0!important;position:relative!important}.navLink:hover{color:var(--primary)}.active{color:var(--primary)!important}.active .linkHover{background-color:#0000;width:100%}.navCta{background-color:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);transition:var(--transition);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;display:flex;position:relative;overflow:hidden}.menuIcon{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .3s;display:none}.menuIcon:hover{color:var(--primary)}.searchIconContainer{cursor:pointer;background:0 0;border-radius:50%;margin-right:10px;padding:.5rem;font-size:1.5rem;transition:all .2s;display:flex;justify-content:center!important;align-items:center!important}.searchIconContainer:hover{color:var(--primary)}@media screen and (max-width:768px){.navbarContainer{max-width:1440px;margin:0 auto;padding:1.2rem;display:flex;justify-content:space-between!important;align-items:center!important}.navMenuContainer{display:none!important}.menuIcon{display:block}.nav-logo{font-size:1.375rem}}
