.navbar{background:var(--white);border-bottom:1px solid var(--gray-200);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.navbar-inner{justify-content:space-between;height:70px}.navbar-inner,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:10px}.navbar-logo img{height:40px;width:auto}.navbar-logo span{font-size:22px;font-weight:800;color:var(--navy);letter-spacing:2px}.navbar-links{display:flex;align-items:center;gap:32px;list-style:none}.navbar-links a{font-size:15px;font-weight:500;color:var(--gray-700);transition:color .2s}.navbar-links a:hover{color:var(--teal)}.navbar-actions{display:flex;align-items:center;gap:12px}.navbar-hamburger{display:none;background:none;border:none;padding:8px;color:var(--navy)}.nav-profile{position:relative}.nav-profile-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--gray-200);border-radius:40px;padding:5px 12px 5px 8px;cursor:pointer;transition:background .15s,border-color .15s}.nav-profile-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.nav-avatar{width:32px;height:32px;background:var(--navy);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.nav-profile-info{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.nav-profile-name{font-size:13px;font-weight:600;color:var(--gray-800,#1f2937)}.nav-profile-role{font-size:11px;color:var(--gray-400)}.nav-profile-caret{font-size:10px;color:var(--gray-400);margin-right:2px}.nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:white;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:180px;overflow:hidden;z-index:200;animation:dropFade .15s ease}@keyframes dropFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:14px;color:var(--gray-700);text-decoration:none;width:100%;background:none;border:none;cursor:pointer;text-align:right;transition:background .1s}.nav-dropdown-item:hover{background:var(--gray-50);color:var(--navy)}.nav-dropdown-divider{height:1px;background:var(--gray-100);margin:2px 0}.nav-dropdown-logout{color:#dc2626}.nav-dropdown-logout:hover{background:#fef2f2;color:#dc2626}@media (max-width:768px){.navbar-links{display:none}.navbar-hamburger{display:block}.nav-profile-caret,.nav-profile-info{display:none}}