.topnav{border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;display:flex}.topnav-title h1{color:var(--text-dark);font-size:24px;font-weight:700}.topnav-actions{align-items:center;gap:20px;display:flex}.search-bar{border:1px solid var(--glass-border);background:#fffc;border-radius:12px;align-items:center;width:300px;padding:8px 16px;transition:all .2s;display:flex}.search-bar:focus-within{box-shadow:0 0 0 2px var(--color-blue);background:#fff}.search-icon{color:var(--text-light);margin-right:8px}.search-bar input{width:100%;color:var(--text-dark);background:0 0;border:none;outline:none;font-size:14px}.icon-btn{border:1px solid var(--glass-border);cursor:pointer;width:40px;height:40px;color:var(--text-dark);background:#fff9;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.icon-btn:hover{background:#fff;transform:scale(1.05)}.badge{background:var(--color-orange);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:10px}.user-profile{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:4px 8px;transition:background .2s;display:flex}.user-profile:hover{background:#ffffff80}.avatar{background:var(--color-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-info{flex-direction:column;display:flex}.user-info .name{font-size:14px;font-weight:600}.user-info .role{color:var(--text-light);font-size:12px}@media (max-width:768px){.topnav{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.topnav-actions{justify-content:space-between;width:100%}.search-bar{display:none}}